* {
	margin:0;
	padding:0;
}

body {
	background:#1b1b1b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1em;
	color:#515151;
}

input,
textarea,
select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper {
	width:100%;
	overflow:hidden;
}

.container { width:100%;}

p {
	margin:0;
	padding:0;
}

.main-left {
	position:absolute;
	width:50%;
	left:0;
	top:10px;
	height:780px;
	background:url(../images/main-left.gif) no-repeat right 0;
}

.main-right {
	position:absolute;
	width:50%;
	right:0;
	top:10px;
	height:780px;
	background:url(../images/main-right.gif) no-repeat 490px 0;
}


/*==================forms====================*/
input,
select {
	vertical-align:middle;
	font-weight:normal;
}

img {
	border:0;
	vertical-align:top;
	text-align:left;
}

.form {
	height:46px;
	width:100%;
	overflow:hidden;
}

.form span {
	width:189px;
	height:83px;
	display:block;
	background:url(../images/input-bg.gif) no-repeat left top;
	padding-left:3px;
}

.form span input {
	width:180px;
	padding:3px 0 2px 0;
	background:none;
	border:0;
	vertical-align:top;
}

.form1 {
	padding-bottom:14px;
}

.form1 em {
	width:192px;
	height:211px;
	font-style:normal;
	display:block;
	background:url(../images/textarea-bg.gif) no-repeat left top;
}

.form1 em textarea {
	width:189px;
	height:209px;
	overflow:auto;
	background:none;
	border:0;
	padding:2px 0 0 3px;
}


/*==================list====================*/
ul {
	list-style:none;
}

.list {
	width:100%;
	overflow:hidden;
	margin-top:-3px;
}

.list li {
	float:left;
	margin-right:3px;
}

.list li.first {
	padding-top:55px;
	margin-right:1px;
}

.list li.last {
	padding-top:55px;
	margin-left:1px;
}

.list1 li {
	color:#000000;
	padding:0 0 3px 5px;
}

.list1 li .sp01 {
	color:#ff005b;
}

.list1 li .sp02 {
	text-decoration:underline;
}

.list2 li {
	padding:0 0 7px 10px;
	background:url(../images/marker-2.gif) no-repeat left 4px;
	color:#1b1b1b;
}

.list2 li a {
	color:#1b1b1b;
}

.list3 li {
	line-height:1.5em;
	padding-bottom:18px;
}

.list3 li cite {
	font-style:normal;
	display:block;
	margin-bottom:12px;
}

.list3 li span {
	display:block;
	color:#2187d7;
	padding-left:10px;
	background:url(../images/marker-1.gif) no-repeat left 6px;
}

.list4 {
	position:absolute;
	left:-1px;
	top:-1px;
	padding:0 0 0 20px;
}

.list4 li {
	padding-bottom:4px;
}

.list4 li.first {
	position:absolute;
	right:-40px;
	top:45px;
	z-index:2;
}

.list4 li.last {
	position:absolute;
	right:-40px;
	top:310px;
	z-index:2;
}


/*==================other====================*/
.img-box { position:absolute; left:-65px; top:0;}
.img-box img { margin-bottom:20px; display:block;}
.img-box a { color:#1b1b1b; margin-left:30px;}

.img-box1 { width:100%; overflow:hidden;}
.img-box1 img { float:left; margin:0 20px 0 0;}

.img-box2 { padding-bottom:10px;}
.img-box2 img { display:block;}

.p1 { margin-bottom:15px;}
.p2 { margin-bottom:10px;}
.p3 { margin-bottom:28px;}

.phone { float:right;}


/*==================txt, links, lines, titles====================*/
a {color:#2187d7;}
a:hover{text-decoration:none;}

.link { color:#1b1b1b; padding-left:10px; background:url(../images/marker-2.gif) no-repeat left 4px;}

.link1 { display:block; float:right; background:#e3131a; color:#ffffb1; text-decoration:none; line-height:.92em; margin-left:14px;}
.link1 em { display:block; background:url(../images/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(../images/link1-right.gif) no-repeat right top; padding:4px 15px 6px 15px; font-style:normal; font-weight:normal;}
.link1:hover { text-decoration:underline;}


/*==================boxes====================*/
.nav-box { width:199px; height:247px; background:url(../images/nav-box.png) no-repeat left top; position:absolute; right:8px; top:45px; z-index:1;}
.nav-box .inner { padding:10px 0 0 13px;}
.nav-box .inner .site-nav li { padding:1px 0 0;}
.nav-box .inner .site-nav li.sp { padding:2px 0 0;}


.box { width:100%; position:relative;}
.box .left-top-corner { background:url(../images/left-top-corner.png) no-repeat left top; height:79px; padding-left:41px;}
.box .right-top-corner { background:url(../images/right-top-corner.png) no-repeat right top; height:79px; padding-right:25px;}
.box .border-top { background:url(../images/border-top.png) left top repeat-x; height:79px; font-size:0; line-height:0; width:100%;}

.box .left-bot-corner { background:url(../images/left-bot-corner.png) no-repeat left bottom; height:86px; padding-left:25px}
.box .right-bot-corner { background:url(../images/right-bot-corner.png) no-repeat right bottom; height:86px; padding-right:25px;}
.box .border-bottom { background:url(../images/border-bot.png) left bottom repeat-x; height:86px; font-size:0; line-height:0; width:100%;}

.box .border-left { background:url(../images/border-left.png) left top repeat-y; padding-left:25px;}
.box .border-right { background:url(../images/border-right.png) right top repeat-y; padding-right:25px;}

.box .bg { background:#e8e8e6; overflow:hidden;}
.box .xcontent { position:absolute; left:75px; top:12px; z-index:2;}
.box .title { position:absolute; left:12px; top:11px; z-index:2;}


/*header*/
#header .logo { width:792px; height:70px; position:absolute; left:16px; top:43px; background:url(../images/logo-bg.png) no-repeat left top; z-index:2;}
#header .logo .title { display:block; float:left; padding:7px 0 0 8px;}
#header .logo .flash { display:block; float:left; padding:13px 0 0 250px;}
#header .logo .html { display:block; float:left; padding:28px 0 0 10px;}
#header .button { position:absolute; right:15px; top:43px; z-index:1;}

/*content*/
#content { height:416px; padding:0 15px;}
#content .slogan { position:absolute; left:268px; top:250px;}
#content #flash-area{ position:absolute; width:700px; height:300px; left:90px; top:170px;}
#content .indent { padding-top:17px;}
#content .indent1 { padding-bottom:14px;}
#content .indent2 { padding:14px 20px 0 18px;}
#content .indent3 { padding:40px 50px 0 50px;}
#content p { line-height:1.5em;}

/*footer*/
#footer p { text-align:right; color:#739bdb; padding:12px 33px 0 0;}
#footer p a { color:#739bdb; text-decoration:none;}
#footer p a:hover { text-decoration:underline;}

/*================ index.html =========================*/

#index-page  #header .logo { top:350px; left:100px;}

/*================ main.html =========================*/
#page2 #content .box .width1 { width:890px;}
#page2 #content .box .width2 { width:600px;}
#page2 #content .box .bg.height1 { height:1px;}
#page2 #content .box .bg.height2 { height:69px;}
#page2 #content .box .tit01 { padding:5px 0 0; color:#000000;}
#page2 #content .box .tit01 .sp01 { color:#ff005b;}
#page2 #content .box .tit01 .sp02 { text-decoration:underline;}
#page2 #content .box .txt01 { padding:10px 0 0;}
#page2 #content .box a.link { color:#5186d3; text-decoration:underline;}
#page2 #content .box a.hover { color:#5186d3; text-decoration:none;}
#page2 #content .box .list { padding:0 0 0 10px;}
#page2 #content .box .list li { padding:0 0 0 10px;}

/*================ about.html =========================*/
#page3 #header .logo { top:62px;}
#page3 #content .box .width1 { width:600px;}
#page3 #content .box .width2 { width:220px;}
#page3 #content .box .bg.height1 { height:37px;}
#page3 #content .box .bg.height2 { height:35px;}
#page3 #content .box .bg.height3 { height:252px;}
#page3 #content .box .xcontent1 { position:absolute; left:65px; top:12px; z-index:2;}
#page3 #content .box .tit01 { padding:5px 0 0; color:#000000;}
#page3 #content .box .tit01 .sp01 { color:#ff005b;}
#page3 #content .box .tit01 .sp02 { text-decoration:underline;}
#page3 #content .box .txt01 { padding:10px 0 0;}
#page3 #content .box .coment01 { padding:10px 0 0;}

/*================ service.html =========================*/
#page4 #header .logo { top:81px;}
#page4 #content .box .width1 { width:580px;}
#page4 #content .box .width2 { width:190px;}
#page4 #content .box .bg.height { height:252px;}
#page4 #content .box .tit01 { color:#000000;}
#page4 #content .box .tit01 .sp01 { color:#ff005b;}
#page4 #content .box .tit01 .sp02 { text-decoration:underline;}
#page4 #content .box .txt01 { padding:10px 0 0;}
#page4 #content .box .ser-list { padding:10px 0 0; color:#000000; line-height:2;}
#page4 #content .box .ser-list .sp01 {color:#ff005b;}
#page4 #content .box .ser-list .sp02 { text-decoration:underline;}

/*================ works.html =========================*/
#page5 #header .logo { top:99px;}
#page5 #content .box .width1 { width:580px;}
#page5 #content .box .width2 { width:192px;}
#page5 #content .box .bg.height { height:252px;}
#page5 #content .box .img-box { float:left;}
#page5 #content .box .txt-box { float:right; width:180px; padding:10px 15px 0 0; text-align:left;}
#page5 #content .box .txt-box p { padding:20px 0 0;}
#page5 #content .box .txt-box .sp01 { color:#ff005b;}
#page5 #content .box .txt-box .sp02 { text-decoration:underline;}

/*================ contact.html =========================*/
#page6 #header .logo { top:118px;}
#page6 #content .box .width1 { width:211px;}
#page6 #content .box .width2 { width:230px;}
#page6 #content .box .bg.height { height:252px;}
#page6 #content .box .tit01 { padding:40px 0 0; color:#000000;}
#page6 #content .box .tit01 .sp01 { color:#ff005b;}
#page6 #content .box .tit01 .sp02 { text-decoration:underline;}
#page6 #content .box .txt01 { padding:10px 0 0;}

/*================ member.html =========================*/
#page7 #header .logo { top:62px;}
#page7 #content .box .bg.height { height:252px;}
#page7 #content .box .tit01 { padding:5px 0 0; color:#000000;}
#page7 #content .box .tit01 .sp01 { color:#ff005b;}
#page7 #content .box .tit01 .sp02 { text-decoration:underline;}
#page7 #content .box .txt01 { padding:15px 0 0;}

/*================ privacy.html =========================*/
#page8 .bg.height { height:252px;}
#page8 .tit01 { padding:5px 0 0; color:#000000;}
#page8 .tit01 .sp01 { color:#ff005b;}
#page8 .tit01 .sp02 { text-decoration:underline;}
#page8 .txt01 { padding:15px 0 0;}
#page8 iframe { width:820px; height:365px;}