@charset "Shift_JIS";



/* generated by csscreator.com */ 

html, body{ font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; margin:0; padding:0; background: url(../img/sb_back.gif);

	font

 } 

 

#pagewidth{

	width:760px;

	padding: 0px;

	margin-top: 0px;

	margin-left: auto;

	margin-right: auto;

} 





/* ?????N---------------------------------------- */



a:link,a:visited {

	color: #0000FF; 

	text-decoration: underline;

}



a:hover,a:active {

	color: #d90000; 

	text-decoration: underline;

}



/* ?w?b?_?[---------------------------------------- */



#header{

	position:relative;

	height:89px;

	width:760px;

	background-color: #FFFFFF;

	background-image: url(../img/sb_title.jpg);

	background-repeat: no-repeat;

}



h1{

	padding-top: 4px;

	padding-left: 15px;

}





#navi{

	list-style:none;

	margin: 0px;

	padding: 0px;

	height: 22px;

	width: 760px;

	position: absolute;

	left: 0px;

	top: 67px;

	background-image: url(../img/sb_navi.gif);

}



#navi1{

	float:left;

    display:block;

    width: 107px;

    border-right:1px solid #ffffff;

    text-align:center;

    font-size:12px;

	font-weight: bold;

    padding: 5px 0;

}



#navi2{

	float:left;

    display:block;

    width: 107px;

    text-align:center;

    font-size:12px;

	font-weight: bold;

    padding: 5px 0;

}



#navi a:link,#navi a:visited {

    color:#666666;

	text-decoration: none;

}



#navi a:hover,#navi a:active {

	color:#d90000; 

	text-decoration: underline;

}



/* ?R???e???c---------------------------------------- */



.clear {

	clear: both;

	margin: 0px;

	padding: 0px;

}



#twocols{

	width:760px;

	float:right;

	position:relative;

	background-color: #FFFFFF;

  }

 

#maincol{

	float: right;

	display:inline;

	position: relative;

	width:560px;

	background-color: #FFFFFF;

 }

 

 #mcbox{

	width: 535px;

	height: auto;

	margin-top: 15px;

	margin-right: 15px;

	margin-bottom: 15px;

	margin-left: 10px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 15px;

	padding-left: 0px;

 }

 

 #cbox{

	width: 524px;

	padding: 0px 0px 10px;

	margin-top: 0px;

	margin-bottom: 10px;

	margin-left: 11px;

}



h2 {

	font-size: 14px;

	color: #FFFFFF;

	background-image: url(../img/page_title.gif);

	background-repeat: no-repeat;

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 15px;

}



.osusume {

	margin: 0px;

	padding: 0px;

	width: 530px;

	height: auto;

}

.item {

	float: left;

	height: 150px;

	margin: 5px;

}

.info {

	float: left;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 5px;

}



.text01 {

	font-size: 24px;

	font-weight: bold;

	color: #666666;

	text-align: center;

}



.text02 {

	width: 380px;

	color: #ffffff;

	text-align: center;

	font-size: 16px;

	margin-top: 4px;

	padding-top: 2px;

	padding-bottom: 2px;

	font-weight: bold;

	background-color: #999999;

}



.text03 {

	font-size: 14px;

	width: 380px;

	text-align: center;

	margin-bottom: 3px;

	padding-bottom: 3px;

	margin-top: 1px;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #999999;

}



.text04 {

	font-weight: bold;

	font-size: 12px;

	line-height: 1.2em;

	margin-bottom: 2px;

	text-align: center;

}

.text05 {

	color: #FF0000;

	font-weight: bold;

	font-size:16px;

}



.text06 {

	font-size: 12px;

	line-height: 14px;

	color: #000000;

	margin-left: 5px;

}



.text07 {

	font-size: 11px;

}



.setumei {

	padding: 0px;

	width: 530px;

	margin-top: 5px;

	height: auto;

}

#mcbox td {

	font-size: 12px;

	line-height: 14px;

	color: #333333;

	padding-left: 10px;

	padding-top: 10px;

}





.shoptext01 {

	background-color: #E4E4E4;

	color: #666666;

	padding: 5px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #FFFFFF;

	width: 195px;

}

.shoptext02 {

	background-color: #FFFFFF;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 15px;

}

.shoptext03 {

	font-size: 14px;

	color: #333333;

	padding-top: 10px;

	padding-left: 15px;

}



.faqtext01 {

	font-size: 12px;

	color: #666666;

	background-color: #DDF0FF;

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 10px;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: dotted;

	border-bottom-style: dotted;

	border-top-color: #72A7E9;

	border-bottom-color: #72A7E9;

	width: 520px;

	margin-top: 10px;

	margin-bottom: 10px;

}

.faqtext02 {

	font-size: 12px;

	color: #333333;

	margin-left: 5px;

	line-height: 16px;

}



#faq li {

	margin: 0px;

	text-align: left;

	list-style: none;

	font-size: 13px;

	display: block;

	font-weight:bold;

	background-image: url(../img/icon02.gif);

	background-repeat: no-repeat;

	background-position: 10px center;

	padding-top: 8px;

	padding-right: 0px;

	padding-bottom: 8px;

	padding-left: 35px;

}



#faq a:link,#faq a:visited{

    color:#666666;

	text-decoration: none;

}



#faq a:hover,#faq a:active{

	color:#cccccc; 

	text-decoration: underline;

}



 /* ?T?C?h?R???e???c---------------------------------------- */

 

 #rightcol{

	width:200px;

	float:left;

	position:relative;

	background-color: #FFFFFF;

 }

 

#rcbox{

	background: #999999;

	width: 200px;

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

}

#snavi li {

	padding: 4px 0px 4px 35px;

	margin: 0px;

	text-align: left;

	list-style: none;

	font-size: 13px;

	display: block;

	font-weight:bold;

	background: url(../img/icon01.gif) no-repeat 10px center;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #ffffff;

}



#snavi a:link,#snavi a:visited{

    color:#ffffff;

	text-decoration: underline;

}



#snavi a:hover,#snavi a:active{

	color:#cccccc; 

	text-decoration: underline;

}



.banner{

	padding: 0px 8px 15px;

}



.banner a:link,.banner a:visited,.banner a:hover,.banner a:active {

	color:#999999;

	text-decoration: none;

}

 

 

/* ?t?b?^?[---------------------------------------- */



#footer{

	height:22px;

	clear:both;

	width: 760px;

	background-color: #FFFFFF;

	background-image: url(../img/sb_footer.gif);

	background-repeat: no-repeat;

 }

 

 #footer p{

	color: #ffffff;

	font-size: 10px;

	margin-left: 15px;

	padding-top: 3px;

 } 

 

#footer a:link,#footer a:visited {

	color: #ffffff; 

	text-decoration: underline;

}



#footer a:hover,#footer a:active {

	color: #d90000; 

	text-decoration: underline;

}

 

address {

	font-style: normal;

	float: right;

	font-family: "?l?r ?o?S?V?b?N", Osaka, "?q???M?m?p?S Pro W3";

	color: #FFFFFF;

	font-size: 12px;

	padding-top: 5px;

} 

 

/* ???܂??Ȃ?---------------------------------------- */





* { 

	padding:0px; 

	margin:0px; 

}



/*\*/

* html.buggybox{ height: 1%; }

/**/



.clearfix:after {

 content: "."; 

 display: block; 

height: 0; 

 clear: both; 

 visibility: hidden;

 }

 

.clearfix{display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix{height: 1%;}

.clearfix{display: block;}

/* End hide from IE-mac */  





 

 /*printer styles*/ 

 @media print{ 



/*hide the right column when printing*/ 

#rightcol{display:none;} 

#twocols, #maincol{width:100%; float:none;}

}

.text08 {

	font-size: 16px;

	color: #333333;

}

#snavi h3 {

	font-size: 14px;

	color: #FFFFFF;

	padding-top: 3px;

	padding-bottom: 3px;

	padding-left: 12px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #FFFFFF;

	background-color: #000000;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #FFFFFF;

}

#snavi p {

	font-size: 12px;

	color: #000000;

	background-color: #E4E4E4;

	padding-top: 3px;

	padding-bottom: 2px;

	padding-left: 12px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #FFFFFF;

	font-weight: bold;

}

