@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

/*-------------------------------------
reset
---------------------------------------*/

html {
	color:#333;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	overflow-y:scroll;
}

body {
	font-size:14px;
	line-height:1.3;
	color:#333;
	background:url(../images/bg.gif) left top repeat-x #fff;
	margin:0;
	padding:0;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,label,textarea,select,fieldset,legend,p,blockquote,img { margin:0; padding:0;}
fieldset,img { border:0;}

ol,ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
}


address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
pre,code,kbd,samp,tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}

.nowrap {white-space:nowrap;}
.bold {font-weight:bold;}
strong { font-weight: bold;}


/*-------------------------------------
common 
---------------------------------------*/

/* float */
.floatL {float:left;}
.floatR {float:right;}

/* clear */
.clear {
	clear: both;
	background: transparent;
	height: 1px;
	font-size: 1px;
}

.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
}

.clearfix{
    zoom:1;/*for IE 5.5-7*/
}

 /* IE6 */
 * html .clearfix {
	display: inline-block;
}

/* IE7 */
 *+html .clearfix {
 	display: inline-block;
}

/* margin */
.mgt3 {margin-top:3px !important;}
.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:35px !important;}
.mgt40 {margin-top:40px !important;}
.mgt60 {margin-top:60px !important;}

.mgr5 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr25 {margin-right:25px !important;}
.mgr30 {margin-right:30px !important;}
.mgr35 {margin-right:35px !important;}
.mgr40 {margin-right:40px !important;}

.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl25 {margin-left:25px !important;}
.mgl30 {margin-left:30px !important;}
.mgl35 {margin-left:35px !important;}
.mgl40 {margin-left:40px !important;}

.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}



/* padding */

.pdt5 {padding-top:5px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt25 {padding-top:25px !important;}
.pdt30 {padding-top:30px !important;}
.pdt35 {padding-top:35px !important;}
.pdt40 {padding-top:40px !important;}

.pdr5 {padding-right:5px !important;}
.pdr10 {padding-right:10px !important;}
.pdr15 {padding-right:15px !important;}
.pdr20 {padding-right:20px !important;}
.pdr25 {padding-right:25px !important;}
.pdr30 {padding-right:30px !important;}
.pdr35 {padding-right:35px !important;}
.pdr40 {padding-right:40px !important;}

.pdl5 {padding-left:5px !important;}
.pdl10 {padding-left:10px !important;}
.pdl15 {padding-left:15px !important;}
.pdl20 {padding-left:20px !important;}
.pdl25 {padding-left:25px !important;}
.pdl30 {padding-left:30px !important;}
.pdl35 {padding-left:35px !important;}
.pdl40 {padding-left:40px !important;}

.pdb5 {padding-bottom:5px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb15 {padding-bottom:15px !important;}
.pdb20 {padding-bottom:20px !important;}
.pdb25 {padding-bottom:25px !important;}
.pdb30 {padding-bottom:30px !important;}
.pdb35 {padding-bottom:35px !important;}
.pdb40 {padding-bottom:40px !important;}


/* align */

.alR {text-align:right;}
.alL {text-align:left;}
.alC {text-align:center;}

.vaT {vertical-align:top;}
.vaM {vertical-align:middle;}
.vaB {vertical-align:bottom;}


/* link */
a:link {   color: #003366; text-decoration: none;}
a:visited {color: #003366; text-decoration: none;}
a:hover {  color: #660033; text-decoration: none;}
a:active { color: #660033; text-decoration: none;}


/* text */

.corRed { color:#C00; font-weight:bold;}
.corBlue { color:#0091dc; font-weight:bold;}

.txtS {
	font-size:10px !important;
	line-height:14px !important;
}

.txtM {
	font-size:12px !important;
	line-height:16px !important;
}

.txtB {
	font-size:16px !important;
	line-height:18px !important;
}


/* arrow */

.arrow a {
	background:url(../images/icon_arrow01.gif) left center no-repeat;
	padding-left:15px;
}

/* toTop */
.toTop {
	text-align:right;
	font-size:12px;
}

.toTop a{
	background:url(../images/icon_arrow02.gif) left center no-repeat;
	padding-left:15px;
}


/* border */
.border01 {
	background:url(../images/border01.gif) left top repeat-x;
	height:1px;
} 

.border02 {
	border-top:1px solid #CCC;
} 

/* box */

.g01Box{
	border:1px solid #CCC;
	padding:10px;
}

.g02Box{
	background:#eee;
	padding:10px;
}

/* table */
table.spec {
	border:1px solid #ccc;
	border-collapse:collapse;
}

table.spec th{
	border:1px solid #ccc;
	border-collapse:collapse;
	background:#efefef;
	padding:3px;
	white-space:nowrap;
}

table.spec td{
	border:1px solid #ccc;
	border-collapse:collapse;
	background:#fff;
	padding:3px;
}

/* care */
ul.care {
	 font-size:10px;
	 line-height:1.3;
}

ul.care li{
	text-indent:-10px;
	padding-left:10px;
	padding-bottom:3px;
}

/* ancer */

ul.ancNavi{
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}

ul.ancNavi li{
	display:inline;
	margin:0 10px 0 0;
	padding:0;
}

ul.ancNavi li.last{
	margin:0;
}	

ul.ancNavi a{
	background:url(../images/icon_arrow03.gif) left center no-repeat;
	padding-left:12px;
}



	

/*-------------------------------------
wrapper
---------------------------------------*/

/* Wrapper */
#wrapper01 {
	width:910px;
	margin:0 auto;
	background:url(../images/bg_center.png) left top repeat-y;
}

#wrapper02 {
	width:900px;
	margin:0 auto;
}

#wrapper03 {
	width:820px;
	margin:0 auto;
}




/*-------------------------------------
header
---------------------------------------*/
/* header */
#headerWrap {
	width:900px;
	background:url(../images/header_bg.jpg) left top no-repeat;
}

#headerWrap h1{
	width:758px;
	float:left;
	padding:5px 17px 0 16px;
}

#headerWrap h2{padding:46px 0 0 44px;}
#headerWrap h3{padding:30px 0 113px 65px;}

#headerWrap .logo{
	width:109px;
	float:left;
	padding-top:9px;
}


/*-------------------------------------
main
---------------------------------------*/
/* how */
#wrapper03 #how{
	text-align:center;
}

/* gaiyo */
#wrapper03 #gaiyo{
	width:812px;
	border:4px solid #038e4b;
	background:url(../images/gaiyo_bg.gif) left bottom no-repeat #fff;
	padding:20px 0;
	margin-top:30px;
}

#wrapper03 #gaiyo .iconL{
	width:147px;
	float:left;
	padding-right:30px;
}

#wrapper03 #gaiyo .txR{
	width:615px;
	float:left;
	padding-right:20px;
}

#wrapper03 #gaiyo table.detail th{
	width:85px;
	font-size:18px;
	font-weight:bold;
	vertical-align:top;
	color:#df0078;
	padding:5px;
}

#wrapper03 #gaiyo table.detail td{
	font-size:18px;
	padding:5px;
}


/* old */
#wrapper03 #old{
	width:760px;
	border:1px solid #cb2d47;
	background:#fffee6;
	padding:20px 29px 20px 29px;
}

#wrapper03 #old p{
	margin-top:15px;
}

#wrapper03 #old .oldarrow a{
	background:url(../images/old_arrow.gif) left 3px no-repeat;
	padding-left:15px;
	color:#cb2d47;
	font-weight:bold;
}



/*-------------------------------------
footer
---------------------------------------*/

#footer {
	margin-top:50px;
	border-top:1px solid #038e4b;
}

#footer p {
	font-size:12px;
	text-align:center;
	padding:15px 0 40px 0;
}