﻿@charset "utf-8";


/*================================================
base
================================================*/

*{
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

body{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(../images/body_bg.jpg) repeat-x;
	font-size:75%;
}

#container{
    width:970px;
    background:url(../images/wrap_bg.jpg) no-repeat;
    margin:0px auto;
	padding:0px 0px 0px 0px;
}

img{
    border:none;
}

.clear{
	clear:both;
}

.red_txt{
	font-weight:bold;
	color:#ff3600;
}


/* return nav*/

.top_nav{
	clear:both;
	margin:15px 0px 35px 0px;
	padding:0px 15px 0px 0px;
	text-align:right;
}

.top_nav a{
	background:url(../images/return_arrow.gif) no-repeat;
	margin:0px 0px 0px 0px;
	padding:0px 0px 3px 20px;
}

.top_nav a:link,
.top_nav a:visited{
	color:#333333;
	text-decoration:underline;
}

.top_nav a:hover,
.top_nav a:active{
	color:#333333;
	text-decoration:none;
}


/*================================================
header
================================================*/

#header{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(../images/head_bg.gif) repeat-x;
}

#header h1{
	width:347px;
	height:76px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#header p{
	width:329px;
	height:76px;
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


/*================================================
keyvisual
================================================*/

#key{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(../images/key_bg.jpg) no-repeat right 0px;
}

#key ul{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.key01{
	width:769px;
	height:50px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.key02{
	width:769px;
	height:83px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.key03{
	width:769px;
	height:68px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.key04{
	width:970px;
	height:105px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/*================================================
nav
================================================*/

/* nav top */

#nav01{
	height:116px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(../images/btn_bg01.jpg) no-repeat;
}

/** html #nav01{
	margin-bottom:20px !important;
}*/

#nav01 ul,
#nav02 ul{
	list-style:none;
	margin:0px 0px 20px 0px;
	padding:13px 27px 0px 27px;
}

* html #nav01 ul,
* html #nav02 ul{
	margin-bottom:0px !important;
}

.btn01{
	width:449px;
	height:88px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.btn02{
	width:449px;
	height:88px;
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


/* nav bottom */
.nav_txt{
	width:791px;
	height:55px;
	margin:30px auto 15px auto;
	padding:0px 0px 0px 0px;
}

#nav02{
	height:116px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(../images/btn_bg02.jpg) no-repeat;
}

*:first-child+html #nav02{
	margin-bottom:60px !important;
}

/*================================================
box common
================================================*/
.box{
	width:920px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}

.box h2{
	width:920px;
	height:55px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.box_inline{
	border-left:1px #1079bd solid;
	border-right:1px #1079bd solid;
	border-bottom:1px #1079bd solid;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/*================================================
box01
================================================*/

.box01{
	width:892px;
	margin:0px auto 0px auto;
	padding:13px 0px 13px 0px;
}

.box01 ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}

.box01 ul li{
	margin:0px 0px 2px 0px;
	padding:0px 0px 0px 0px;
}

.box01_01,
.box01_02,
.box01_03,
.box01_04{
	width:892px;
	height:53px;
}

.box01_04{
	margin-bottom:0px !important;
}


/*================================================
box02
================================================*/
.box02{
	width:892px;
	margin:0px auto 0px auto;
	padding:13px 0px 13px 0px;
}

/* point1 */
.box02_point{
	width:892px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.box02_point h3{
	width:892px;
	height:43px;
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.box02_title02{
	height:64px !important;
}

.box02_point_cont{
	width:879px;
	margin:8px auto 0px auto;
	padding:0px 0px 0px 0px;
}

.box02_point_top{
	width:879px;
	height:5px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.box02_point_middle{
	margin:0px auto 0px auto;
	padding:10px 16px 10px 16px;
	background:url(../images/box02_middle.gif) repeat-y;
}


/**/
.box02_title01{
	width:553px;
	height:16px;
	margin:0px 0px 7px 0px;
	padding:0px 0px 0px 0px;
}

.box02_title03{
	width:700px;
	height:16px;
	margin:0px 0px 7px 0px;
	padding:0px 0px 0px 0px;
}

.box02_title04{
	width:833px;
	height:38px;
	margin:0px 0px 7px 0px;
	padding:0px 0px 0px 0px;
}

.box02_title05{
	width:808px;
	height:16px;
	margin:0px 0px 7px 0px;
	padding:0px 0px 0px 0px;
}

.box02_txtarea{
	background:#f4f4f4;
	color:#1079bd;
	margin:0px 0px 0px 0px;
	padding:10px;
}

.box02_txtarea ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/* ff */
html[xmlns] .box02_txtarea ul li{
	display:inline;
	margin:0px 0px 0px 0px;
	padding:0px 7px 0px 10px;
	line-height:1.5em;
	background:url(../images/list_style.gif) no-repeat 0 3px;
	white-space:nowrap;
}

/* ie6 */
* html .box02_txtarea ul li{
	margin:0px 0px 0px 0px;
	padding:0px 7px 0px 10px;
	line-height:1.5em;
	background:url(../images/list_style.gif) no-repeat 0 6px;
	white-space:nowrap;
	float:left;
}

/* ie7 */
*:first-child+html .box02_txtarea ul li{
	display:block !important;
	margin:0px 0px 0px 0px;
	padding:0px 7px 0px 10px;
	line-height:1.5em;
	background:url(../images/list_style.gif) no-repeat 0 6px !important;
	white-space:nowrap;
	float:left;
}

/* ie8 */
html>/**/body  .box02_txtarea ul li{
	background /*\**/:url(../images/list_style.gif) no-repeat 0 5px \9 !important;
}


.box02_txt01{
	margin:7px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.box02_txtareab{
	color:#1079bd;
	margin:10px 0px 7px 0px !important;
	padding:0px 0px 0px 0px !important;
}

.box02_txtareac{
	color:#1079bd;
	margin:0px 0px 0px 0px !important;
	padding:0px 0px 0px 0px !important;
}

/* ie6 */
* html .box02_txtareac{
	padding-bottom:10px !important;
}

/* ie7 */
*:first-child+html .box02_txtareac{
	padding-bottom:10px !important;
}

.box02_txtarea02{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/*.box02_txtarea02 li{
	display:inline;
	margin:0px 0px 0px 0px;
	padding:0px 7px 0px 10px;
	line-height:1.5em;
	background:url(../images/list_style.gif) no-repeat 0 1px;
}*/

/* ff */
html[xmlns] .box02_txtarea02 li{
	display:inline;
	margin:0px 0px 0px 0px;
	padding:0px 7px 0px 10px;
	/*line-height:1.5em;*/
	background:url(../images/list_style.gif) no-repeat 0 3px;
	white-space:nowrap;
}

/* ie6 */
* html .box02_txtarea02 li{
	margin:0px 0px 0px 0px;
	padding:0px 7px 0px 10px;
	/*line-height:1.5em;*/
	background:url(../images/list_style.gif) no-repeat 0 3px;
	white-space:nowrap;
	float:left;
}

/* ie7 */
*:first-child+html .box02_txtarea02 li{
	display:block !important;
	margin:0px 0px 0px 0px;
	padding:0px 7px 0px 10px;
	/*line-height:1.5em;*/
	background:url(../images/list_style.gif) no-repeat 0 3px !important;
	white-space:nowrap;
	float:left;
}

/* ie8 */
html>/**/body  .box02_txtarea02 li{
	background /*\**/:url(../images/list_style.gif) no-repeat 0 5px \9 !important;
}



.box02_adj{
	margin-top:0px !important;
}

.box02_adj02{
	margin-top:1px !important;
}

.detail{
	width:136px;
	height:40px;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/* point04 */
.box02_point04{
	background:#f4f4f4;
	margin:10px 0px 0px 0px;
	padding:10px;
}

.box02_point04 dt{
	border-left:5px #1079bd solid;
	/*font-size:116%;*/
	color:#1079bd;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 8px;
}

.box02_point04 dd{
	margin:10px 0px 0px 20px;
	padding:0px 0px 0px 0px;
}

/*.box02_point04_list{
	margin:0x 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.box02_point04_list li{
	margin:0x 0px 0px 0px;
	padding:0px 0px 3px 0px;
	color:#268dd0;
}

.box02_point02c{
	margin:0x 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(../images/box02_point02c.gif) no-repeat center 40px;
}*/

.box02_point_b{
	width:879px;
	height:368px;
	margin:13px auto;
	padding:0px 0px 0px 0px;
}



.box02_point02_adj{
	margin-top:40px !important;
	clear:both;
}

/*================================================
box03
================================================*/

.box03{
	width:892px;
	margin:0px auto 0px auto;
	padding:13px 0px 13px 0px;
}

.box03_adj{
	margin-bottom:0px !important;
}

.box03_txt{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:1.5em;
}

.box03_list{
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 0px;	
}

.box03_list li{
	margin:0px 0px 7px 0px;
	padding:0px 0px 0px 0px;	
}

.box03_txtarea{
	background:#f4f4f4;
	margin:10px 0px 0px 0px;
	padding:10px;
}

.box03_txtarea ol{
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 0px;	
}

.box03_txtarea ol li{
	margin:0px 0px 7px 0px;
	padding:0px 0px 0px 0px;
}


/*================================================
box06
================================================*/

.box06{
	width:892px;
	margin:0px auto 0px auto;
	padding:13px 0px 13px 0px;
}

.box06 ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}

.box06_01{
	width:892px;
	height:25px;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}

.box06_02{
	width:879px;
	height:368px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}



/*================================================
実績
================================================*/

/* result01 */
.result01{
	width:847px;
	margin:20px auto 0px auto;
	padding:0px 0px 0px 0px;
}

.problem{
	width:381px;
	float:left;
	margin:0px 19px 0px 0px;
	padding:0px 0px 0px 0px;
}

.problem dt{
	width:179px;
	height:18px;
	margin:0px 0px 15px 10px;
	padding:0px 0px 0px 0px;
}

.problem dd{
	margin:0px 0px 1px 0px;
	padding:25px;
	background:#489bd1;
	color:#ffffff;
	font-size:116%;
	min-height:70px;
}

* html .problem dd{
	height:70px;
}


.effect{
	width:381px;
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.effect dt{
	width:197px;
	height:18px;
	margin:0px 0px 15px 10px;
	padding:0px 0px 0px 0px;
}

.effect dd{
	margin:0px 0px 1px 0px;
	padding:25px;
	background:#f1620b;
	color:#ffffff;
	font-size:116%;
	min-height:70px;
}

* html .effect dd{
	height:70px;
}

.result_arrow{
	width:48px;
	height:127px;
	float:left;
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}

/* result02 */
.result02{
	clear:both;
	width:879px;
	margin:10px auto 0px auto;
	padding:0px 0px 0px 0px;
}

.result02 dt{
	width:879px;
	height:49px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.result02 dd{
	width:879px;
	height:76px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


/*================================================
box05
================================================*/

.outline01{
	width:100%;
	background:#c8c8c8;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.outline02{
	width:234px; /* 254 */
	background:#e7edf1;
	color:#377caa;
	font-size:116%;
	text-align:left;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:15px 0px 0px 20px;
	vertical-align:top;
}

.outline03{
	background:#ffffff;
	margin:0px 0px 0px 0px;
	padding:15px 0px 15px 20px;
}

.table_list01{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.table_list02{
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 0px;
}

.table_list01 li,
.table_list02 li{
	margin:0px 0px 3px 0px;
	padding:0px 0px 0px 0px;
}

.box05_adj{
	margin-top:10px !important;
	margin-bottom:0px !important;
}

.box05_adj02{
	list-style:none !important;
	text-indent:-10px;
	margin-top:3px !important;
}

.table_list03{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}

.table_list03a{
	width:63px;
	height:83px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.table_list03b{
	width:115px;
	height:83px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.table_list03c{
	width:106px;
	height:83px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.table_list03d{
	width:103px;
	height:83px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.table_list03e{
	width:111px;
	height:83px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}



/*================================================
arrow02
================================================*/

#arrow02{
	width:635px;
	height:142px;
	margin:50px auto 50px auto;
	padding:0px 0px 0px 0px;
}

* html #arrow02{
	margin-top:0px !important;
}

*:first-child+html #arrow02{
	margin-top:0px !important;
}



/*================================================
footer
================================================*/

#footer{
	clear:both;
	width:920px;
	height:95px;
	margin:30px auto 0px auto;
	padding:0px 0px 0px 0px;
	background:url(../images/footer_bg.gif) repeat-x;
	overflow:hidden;
}
.footer_a{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.footer01{
	width:133px;
	height:95px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.footer02{
	width:360px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.footer_b{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.footer02a{
	width:360px;
	height:59px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

address{
	font-style:normal;
	font-weight:normal;
	color:#ffffff;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
}

.footer03{
	width:319px;
	height:95px;
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}




/*================================================
browser adjust
================================================*/

/* firefox */
html[xmlns] .clearfix:after{
	content: " ";  
	display: block; 
	visibility: hidden; 
	clear: both; 
	height: 0; 
	font-size: 0; 
	line-height: 0; 
}

/* IE6 */
* html #key ul li,
* html .btn,
* html .result02 dt,
* html .result02 dd{
	display:inline;
	font-size:0px;
}

* html .box01 ul li{
	display:inline;
	/*font-size:0px;*/
	/*margin-bottom:2px !important;*/
}

* html .clearfix{
	zoom:1;
}

* html .box02_point_middle,
* html table,
* html .result01,
* html address{
	text-align:left;
}

/** html .kakudai,
* html .kakudai02,
* html .pointb_thumb,
* html .pointb_thumb02,
* html .pointb_thumb03,
* html .pointb_thumb04,
* html .box02_point02_thumb_right{
	overflow:hidden;
}*/

/* IE7 */
*:first-child+html .clearfix{
	zoom:1;
}



