@charset 'utf-8';
/* 
 Cascading Style Sheets: style.css 4.3

 */ 


*{
	margin:0px;
	padding:0px;
	text-indent:0px;
	zoom:1;
	font-size:100%;
	line-height:100%; 
}



body {
	font: normal normal normal 86%/178% "Hiragino Kaku Gothic Pro","ヒラギノゴシック Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ 明朝",sans-serif;
	color:#666;
	background:#fff; 
}


div {
	position:relative;
	width:auto;
	height:auto;
	overflow:hidden; 
}


hr {
	height: 1px;
	color: #000;
	background: #000;
	text-align: left;
	border: 0px none #000;
	display: none;
}


img {
	vertical-align: bottom;
	border: none;
}


li {
	list-style-type:none;
}



/* -------------------------------------------------- FONT -------------------------------------------------- */



.j10,.j12,.j14,.j18,.j25,.e9,.e10,.e12,.e14 {
	font-style: normal;
	font-variant: normal;
	letter-spacing: 0px;
}


.e9,.e10,.e12,.e14 {
	font-family: Verdana, Geneva, Arial, sans-serif;

}


.j10	{ font-size: 10px; line-height: 15px; }
.j12	{ font-size: 12px; line-height: 20px; }
.j14	{ font-size: 14px; line-height: 22px; }
.j18	{ font-size: 18px; line-height: 28px; }
.j25	{ font-size: 25px; line-height: 28px; }

.e9	{ font-size: 9px; line-height: 15px; }
.e10	{ font-size: 10px; line-height: 15px; }
.e12	{ font-size: 12px; line-height: 20px; }
.e14	{ font-size: 14px; line-height: 22px; }
.e48	{ font-size: 48px; line-height: 48px; }

.B	{ font-weight:bold; }



/* -------------------------------------------------- LINK -------------------------------------------------- */



a		{ margin:0px; padding:0px; outline:0px none #fff; }
a:focus		{ text-decoration: underline; }
a:link		{ color:#444; text-decoration:none; }
a:link:hover	{ color:#76c4d7; text-decoration:none; }
a:link:active	{ color:#76c4d7; text-decoration:none; }
a:visited 	{ color:#444; text-decoration:none; }
a:visited:hover	{ color:#76c4d7; text-decoration:none; }
a:visited:active	{ color:#76c4d7; text-decoration:none; }



/* -------------------------------------------------- LAYOUT COMMON -------------------------------------------------- */



body {
	text-align:center;
	background:#ffffff;
}


#wrapper_all {
	width:990px;
	text-align:left;
	margin:0px auto;
}


#wrapper_containts {
	width:990px;
	float:left;
}


#header {
	width:990px;
	margin:0px 0px 5px 0px;
}


#header ul.navi li {
	float:left;
	margin:0px 0px 0px 5px;
}


#container {
	width:950px;
	margin:20px 15px 0px 25px;
}


.gnavi {
	width:940px;
	text-align:right;
}


.gnavi ul.navi {
	float:right;
}


.gnavi ul.navi li {
	float:left;
	margin:0px 0px 0px 5px;
}


#containts {
	width:950px;
	background:#fff;
	padding:0px 0px 20px 0px;
}


#footer {
	width:990px;
	height:200px;
	margin:20px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	background:url(/com/img/footer_line.png);
	background-repeat:no-repeat;
	background-position:top;
}


#footer ul.siteinfo {
	float:right;
}


#footer ul.siteinfo li {
	float:left;
}


h1			{ margin:0px 290px 0px 0px; float:left; display:inline; }
h2			{ padding: 25px 0px 0px 0px; color:#666; font-size: 25px; line-height: 28px; font-weight:normal; }
h2 img			{ padding: 0px 5px 0px 0px; vertical-align: bottom; }


.title			{ padding: 40px 0px 10px 0px; display:block; font-size: 18px; line-height: 28px; font-weight:bold; color:#219ab7; }
.arrow_title		{ padding: 0px 0px 5px 10px; font-size: 14px; line-height: 28px; font-weight:bold; color:#219ab7; }
.option_title		{ font-weight:normal; color:#666; }

.col-1			{ width:190px; float:left; }
.col-2			{ width:380px; float:left; }
.col-3			{ width:570px; float:left; }
.col-4			{ width:760px; float:left; }
.col-5			{ width:950px; float:left; }


.pad-2			{ padding: 2px 2px 2px 2px; }
.pad-5			{ padding: 5px 5px 5px 5px; }
.pad-10			{ padding: 10px 10px 10px 10px; }
.pad-15			{ padding: 15px 15px 15px 15px; }
.pad-20			{ padding: 20px 20px 20px 20px; }


.pad-top-5		{ padding-top: 5px; }
.pad-top-10		{ padding-top: 10px; }
.pad-top-15		{ padding-top: 15px; }
.pad-top-25		{ padding-top: 25px; }
.pad-top-50		{ padding-top: 50px; }


.pad-bottom-5		{ padding-bottom: 5px; }
.pad-bottom-10		{ padding-bottom: 10px; }
.pad-bottom-15		{ padding-bottom: 15px; }
.pad-bottom-25		{ padding-bottom: 25px; }
.pad-bottom-50		{ padding-bottom: 50px; }


.pad-left-5		{ padding-left: 5px; }
.pad-left-10		{ padding-left: 10px; }
.pad-left-15		{ padding-left: 15px; }
.pad-left-25		{ padding-left: 25px; }
.pad-left-50		{ padding-left: 50px; }


.right			{ float:right; }
.left			{ float:left; }
.clear			{ clear:both; }
.hide			{ display:none; }


.sheet-10			{ zoom:100%; overflow:auto; margin:5px 10px 5px 0px; padding:10px; background:url(/wannyan_strap/com/img/sheet_bg.png); }
.sheet-10 .pic		{ width:160px; }
.sheet-10 .dsc		{ width:160px; height:65px; background:#fafafa; }
.sheet-10 .check		{ width:25px; height:25px;  position:absolute; left:145px; top: 130px; z-index:10; }


.sheet-5			{ zoom:100%; overflow:auto; margin:5px; padding: 5px; background:url(/wannyan_strap/com/img/sheet_bg-180_70.png); }
.sheet-5 .pic		{ width:80px; float:left; }
.sheet-5 .dsc		{ width:90px; height:60px; float:right; }


a.small_link		{ color:#219ab7; }
a.small_link img		{ vertical-align:middle; }



/* -------------------------------------------------- LAYOUT TOP -------------------------------------------------- */



#imagearea {
	width:940px;
	height:330px;
	background-image:url(/wannyan_strap/com/img/top.jpg);
	background-repeat:no-repeat;
}


#imagearea div {
	margin:240px 0px 0px 600px;
}