@charset "utf-8";

/*########## public ##########*/

body,h1,h2,h3,h4,h5,p,
span,div,ul,ol,li,a,img,blockquote{
	padding:0px;
	margin:0px;
}
li{
	list-style:none;
}

body{
	background:url("../img/main_bg.jpg") repeat-x;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#container{
	width:840px;
	margin:20px auto;
}



/*########## header ##########*/

#header{
	width:840px;
	height:121px;
}
#header #tab{
	width:820px;
	margin:auto;
}
#header #tab img{
	float:left;
}
#header #title{
	width:840px;
	height:57px;
	background:url("../img/bg_header.gif") repeat-y;
}
#header #title .inner{
	padding:12px 20px;
	height:33px;
}
#header #title img,#header #title h1{
	float:left;
}
#header #title h1{
	font-size:20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-left:10px;
	line-height:29px;
}
#header #title #tel{
	float:right;
}

/*########## main-contents ##########*/

#main-contents #main-img{
	width:840px;
	height:504px;
	background:url("../img/225_main.jpg") no-repeat;
}

/*+++++++++ top-inner ++++++++++*/

#main-contents #top-inner{
	width:718px;
	height:227px;
	padding-left:87px;
	padding-top:117px;
}
#main-contents #top-inner a{
	float:left;
	text-decoration: none;
	margin-right:35px;
	padding-bottom:20px;
}
#main-contents #top-inner .point{
	color:#000000;
	width:320px;
	height:54px;
	float:left;
	font-size:12px;
}
#main-contents #top-inner .point img,#main-contents .point h2{
	float:left
}
#main-contents #top-inner .point img{
	padding-right:10px;
}
#main-contents #top-inner .point h2{
	font-size:18px;
	line-height:20px;
	padding-bottom:5px;
	display:block;
}
#main-contents #top-inner .point blockquote{
	float:left;
	display:block;
}
#main-contents #top-inner blockquote{
		width:240px;
}
#main-contents #top-inner .button{
	margin:0;
	padding:0;
}

/*+++++++++ bottom-inner ++++++++++*/

#main-contents #bottom-inner{
	font-size:12px;
	width:780px;
	height:98px;
	margin:43px 0 0 20px;
	/*background:url(../img/trade_stadium.jpg) no-repeat;*/
}
#main-contents #bottom-inner blockquote{
	margin:10px 36px 0 10px;
	width:545px;
	line-height:18px;
	float:left;
}
#main-contents #bottom-inner img{
	margin-top:3px;
}

/*++++++++++ body ++++++++++*/
/*#body1 h2,#body2 h2,#body3 h2,#body4 h2{
	font-size:26px;
	line-height:46px;
	background:url("../img/title.jpg") repeat-x;
	background-position:bottom;
}*/
#main-contents .body_w{
	background:url("../img/bg_w.jpg") repeat-y;
	width:800px;
	padding:5px 20px;
	font-size:12px;
}
#main-contents .body_g{
	background:url("../img/bg_gradation.jpg") repeat-y;
	width:800px;
	padding:5px 20px;
	font-size:12px;
}
#main-contents .body_d{
	background:url("../img/bg_d.jpg") repeat-y;
	width:800px;
	padding:5px 20px;
	font-size:12px;
}
/*++++++++++ mini ++++++++++*/

#main-contents #mini{
	height:446px;
}
#mini #what-charm{
	width:746px;
	height:406px;
	margin:0 auto;
	padding:20px;
	background:url("../img/mini/bg.gif") no-repeat;
}
#mini #bq1{
	width:467px;
	line-height:27px;
	margin-left:12px;
	margin-top:5px;
	float:left;
}
#mini ul,#mini li{
	clear:left;
}
#mini li{
	margin-top:19px;
}
#mini ul p{
	clear:left;
	padding:6px 0 0 20px;
	width:400px;
}
#mini #mini-graph{
	float:right;
	width:289px;
	height:235px;
	margin-top:10px;
	background:#fff;
	padding:5px;
	font-size:11px;
	line-height:16px;
}
#mini #mini-graph table{
	width:289px;
	margin-bottom:5px;
}
#mini #mini-graph td,#mini #mini-graph th{
	text-align:center;
	padding:5px 0;
}

/*++++++++++ body ++++++++++*/
#main-contents #body{
	height:56px;
}
/*++++++++++ body1 ++++++++++*/

#main-contents #body1{
	height:275px;
}
#main-contents #body1 .ex{
	font-weight:bold;
	width:800px;
	padding-top:15px;
	clear:both;
}
#main-contents #body1 ul{
	margin-top:15px;
	height:136px;
}
#main-contents #body1 li{
	float:left;
}
#main-contents #body1 #comment1{
	background:url("../img/cont_comm_bg01.jpg") no-repeat;
	width:376px;
	height:136px;
}
#main-contents #body1 #comment2{
	background:url("../img/cont_comm_bg02.jpg") no-repeat;
	margin-left:15px;
	width:404px;
	height:136px;
}
#main-contents #body1 #comment1 blockquote{
	margin-left:85px;
	padding-top:12px;
	width:280px;
	line-height:22px;
	height:132px;
}
#main-contents #body1 #comment2 blockquote{
	margin-left:85px;
	padding-top:12px;
	width:307px;
	line-height:22px;
	height:132px;
}

/*++++++++++ body2 ++++++++++*/
#main-contents #body2{
	height:293px;
}
#main-contents #body2 blockquote{
	font-size:15px;
	line-height:20px;
	font-weight:bold;
	width:430px;
	float:left;
	padding:20px;
}


/*++++++++++ body3 ++++++++++*/

#main-contents #body3{
	height:245px;
}
#main-contents #body3 .ex{
	font-weight:bold;
	width:560px;
	margin-top:15px;
	float:left;
}
#main-contents #body3 #add{
	background:url("../img/gray_frame.gif") no-repeat;
	padding:7px;
	margin-top:20px;
	width:553px;
	height:75px;
	float:left;
	
}
/*++++++++++ body4 ++++++++++*/
#main-contents #body4{
	height:175px;
}
#main-contents #body4 blockquote{
	font-size:15px;
	line-height:20px;
	font-weight:bold;
	width:470px;
	float:left;
	padding:20px;
}
/*+++++++++ other service ++++++++++*/
#main-contents #other-service{
	height:141px;
}
#main-contents li{
	float:left;
}

/*++++++++++ account ++++++++++*/
#main-contents #account{
	height:100px;
}
#main-contents #account img{
	margin:20px 120px;
}


/*++++++++++ graph ++++++++++*/
#main-contents #graph table{
	margin:0 auto;
	width:750px;
}
#main-contents #graph caption{
	width:750px;
	height:30px;
	background-color:#052C6F;
	color:#ffffff;
	font-size:20px;
	line-height:30px;
	font-weight:bold;
	margin-top:20px;
}
#main-contents #graph th,#main-contents #graph td{
	padding:15px;
}
#main-contents th{
	background-color:#92CFFC;
	color:#002B70;
}
#main-contents td{
	background-color:#ECF6FF;
	color:#385080;
}
#main-contents .row{
	width:100px;
}

/*++++++++++ footer1 ++++++++++*/

#main-contents #footer1{
	width:800px;
	height:129px;
}
#main-contents img{
	float:left;
}
#main-contents #footer1 div{
	width:420px;
	float:left;
	padding:20px 0 0 10px;
}
#main-contents #b1{
	font-size:16px;
	font-weight:bold;
}
#main-contents #b2{
	color:#495D9C;
	line-height:16px;
	font-size:13px;
}

/*++++++++++ footer2 ++++++++++*/

#main-contents #footer2{
	background:url("../img/bg_g.jpg") repeat-y;
	width:780px;
	padding:20px 30px;
	font-size:12px;
	line-height:16px;
}
#main-contents #footer2 li{
	float:none;
	text-indent:50px;
}

/*+++++++++++ copy ++++++++++*/
#main-contents #copy{
	height:20px;
	padding-top:20px;
	padding-left:35px;
	color:#666666;
}
#main-contents #end{
	width:840px;
	height:20px;
	background:url("../img/footer_bottom.jpg") no-repeat;
}