@charset "utf-8";
/* --------------------------------------------------------------------

全ページ共用スタイル

-------------------------------------------------------------------- */
#body{
	margin:0;
	padding:0;
	font-size:100%;
	color:#555;
	text-align:center;
	background-color:#f3f8fd;
	font-family: "MS UI Gothic", "Osaka", "ＭＳ Ｐゴシック", "arial", sans-serif;
	
	}

/* variable */
.f-small{font-size:75%;} /* 12px */
.f-middle{font-size:85%;} /* 14px */
.f-large{font-size:100%;} /* 16px */
.t-ssmall{font-size:68.5%;line-height:150%;} /* 11px */
.t-small{font-size:85%;line-height:170%;} /* 12px */
.t-middle{font-size:85%;line-height:170%;} /* 14px */
.t-large{font-size:100%;line-height:170%;} /* 16px */

/* markup CSS */
form,input{padding:0;margin:0;}
h1{
	padding:0;
	margin:0 0 20px 0;
	font-weight:normal;
	font-style:normal;
	}
h2{
	padding:0;
	margin:0 0 20px 0;
	font-weight:normal;
	font-style:normal;
	}
	
h3{
	padding:0;
	margin:0 0 20px 0;
	font-weight:normal;
	font-style:normal;
	}
	
h4{
	font-size:85%;
	color:#000000;
	padding:0;
	margin:0 0 20px 0;
	font-weight:bold;
	font-style:normal;
	border-bottom:1px #000000 solid;
	}
	
p{padding:0;margin:0;}
th{font-style:normal;font-weight:normal;text-align:left}
td{vertical-align:top;}
img{border:0;}
ol,ul{margin:0;padding:0;}
li{margin:0;padding:0;}
dl{margin:0;padding:0;}
dt{margin:0;padding:0;}
dd{margin:0;padding:0;}
hr{margin:0;padding:0;}
em{font-style:normal;font-weight:bold;}

/* ----------------------------------------------------------------- */

a{color:#888;text-decoration:underline;}
a:visited{color:#888;text-decoration:underline;}
a:hover{color:#888;text-decoration:none;}

/* --------------------------------------------------------------------

Float Clearing

-------------------------------------------------------------------- */
.clearFix { zoom: 1; }/* for IE 5.5-7 \*/
.clearFix:after {
 content: ".";  
 display: block;  
 visibility: hidden;  
 height: 0.1px;  
 font-size: 0.1em;  
 line-height: 0;  
 clear: both;  
	}

/* --------------------------------------------------------------------

構造

-------------------------------------------------------------------- */
/*ボディ*/
#wrap{
	width:800px;
	margin:auto;
	border-left:1px solid #7a7c7f;
	border-right:1px solid #7a7c7f;
	background-color:#fff;
	text-align:left;
	}
/*マージン*/
.mar-b10{
	margin:0 0 10px 0;
	}
.mar-b15{
	margin:0 0 15px 0;
	}
.mar-b20{
	margin:0 0 20px 0;
	}
.mar-b30{
	margin:0 0 30px 0;
	}
.mar-b60{
	margin:0 0 60px 0;
	}
	
.pad-b60{
	padding:60px 0 0 0;
	}
	
.flash{
	height:690px;
	width:920px;
	margin:0 auto;
	}
.page{
	background-color:#f3f8fd;
}

/* --------------------------------------------------------------------

中面スタイル

-------------------------------------------------------------------- */

#wrap02{
	width:752px;
	margin:0 24px;
	}
#contentarea{
	background:url(/image/common/contents_bg.gif) repeat-y;
 }
/* ---------------------------

共有

--------------------------- */
.indent01{
	padding-left:2.3em;
	}
	
/* ---------------------------

header

--------------------------- */
#header01{
	width:752px;
	height:190px;
	background:url(/image/header/header_bg01.jpg) no-repeat;
	}
#header02{
	width:752px;
	height:190px;
	background:url(/image/header/header_bg02.jpg) no-repeat;
	}
#header03{
	width:752px;
	height:190px;
	background:url(/image/header/header_bg03.jpg) no-repeat;
	}
#header04{
	width:752px;
	height:190px;
	background:url(/image/header/header_bg04.jpg) no-repeat;
	}
#header05{
	width:752px;
	height:190px;
	background:url(/image/header/header_bg05.jpg) no-repeat;
	}
#logo{
	padding-left:10px;
	padding-top:5px;
	}
#headerlink{
	padding:11px 16px 0 194px;
	}
#headerlink ul li{
	list-style-type:none;
	display:inline;
	padding:0 16px 0 0;
	margin:0px;
	}
#headerlink ul li.endlink{
	padding:0;
	margin:0;
	}
#header-title01{
	margin:3px 0px 0px 15px;
	}
#header-title02{
	margin:3px 0px 0px 12px;
	}
/* ---------------------------

global navi

--------------------------- */
#gnavi-area{
	border-bottom:1px #7a7a7a solid;
	margin:0 0 20px 0;
	}
#gnavi-area ul li{
	padding:0px;
	margin:0px;
	display:inline;
	}

/* ---------------------------

side

--------------------------- */
#side{
	float:left;
	width:180px;
	}
.sidearea{
	padding:0 25px 0 3px;
	}
.subnaviarea{
	margin:0 0 20px 0;
	cursor:pointer;
	}
.companyarea{
	margin:25px 0 0 0;
	padding:0 0 30px 0;
	}
.companyarea .companytext{
	padding:7px 0 10px 0;
	font-size:75%;
	color:#333;
	line-height:140%;
	}
.contactbutton{
	margin-bottom:30px;
	}

/* ---------------------------

right contents

--------------------------- */
#right{
	float:right;
	width:572px;
	}
#right .rightcontent{
	padding:0 0 0 21px;
	}

/* ---------------------------

ページトップ

--------------------------- */
.pagetop{
	font-size:63%;
	color:#888;
	text-align:right;
	}
.pagetop img{
	margin-right:4px;
	}
	
.nextpage{
	font-size:75%;
	color:#0068b7;
	text-align:right;
	}
.pagetop02{
	font-size:80%;
	color:#888;
	text-align:right;
}
.pagetop02 img{
	margin-right:4px;
}
.nextpage a{
	color:#0068b7;
	}
.nextpage img{
	margin-right:4px;
	}

/* ---------------------------

footer

--------------------------- */
#footer{
	text-align:center;
	border-top:1px solid #b6b6b6;
	margin:20px 0 0 0;
	padding:5px 0 0 0;
	}
#footer p{
	font-size:63%;
	color:#888;
	padding:0 0 10px 0;
	}

/* ---------------------------

注記テーブル

--------------------------- */
#notetable{
	width:150px;
	font-size:80%;
	}