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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:none;}
input,textarea,select{font: 100% Verdana, Arial, Helvetica, sans-serif;font-size:inherit;font-weight:normal;}
input,textarea,select{*font-size:100%;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal;}
li{list-style:none outside;}
em{font-style:normal;}
/*---------------------------------------------------------------------------------------------------------*/
body {
    font:100% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: #ffffff;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #231815;
}

#mainContent {
	padding:0 6px;background:url("../images/bg.gif") repeat-y scroll left top;
}

a{color:#332c2a;text-decoration:none;}
a:hover{color:#ff0000;text-decoration:underline;}
/*---------------------------------------------------------------------------------------------------------*/

#header{padding-top:15px;}
#header h1{width:247px;height:50px;float:left;}
.head_set{float:right;}
.header_menu{width:390px;}
.header_menu li{float:left;background:url("../images/head_menu_list_icon.gif") no-repeat scroll left top;
padding-left:6px;margin-right:16px;font-size:12px;}
.font_chg{background:url("../images/font_chg_title.gif") no-repeat scroll left top;margin:10px 0 0 260px;font-size:12px;}
.font_chg dl{margin:0 0 0 70px;}
.font_chg dt{float:left;width:14px;margin:0 3px 0 0;}

.header_menu .head_active a{color:#398DAD;}

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

.top_flash_area{border-top:3px solid #398dad;font-size:1px;}

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

#menu{background:url("../images/menu_bg.gif") no-repeat scroll left top;
width:800px;height:24px;border-top:3px solid #398dad;}
#menu li{float:left;width:124px;margin:0 0 0 4px;height:23px;}
#menu ul{margin:0 0 0 16px;}

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

.top_content{margin:20px auto 0 auto;width:766px;padding-bottom:10px;}
.whatsnew{width:170px;float:left;}
.top_center{width:372px;float:left;margin-left:16px;}
.top_menu{width:190px;float:left;margin-left:16px;}

.whatsnew dl{margin-top:16px;border-bottom:1px solid #dcdddd;padding-bottom:16px;}
.whatsnew dt{color:#579ab8;margin-bottom:4px;}
.whatsnew dd{font-size:84%;overflow:hidden;line-height:120%;}
.whatsnew dd.whats_link{text-align:right;}
.whatsnew dd a{color:#579ab8;}

.whatsnew ul{margin:20px 0 0 0;}
.whatsnew li{ margin:10px 0 0 0;}

.top_kec_origin{background:url("../images/top_kec_list_bg.gif") no-repeat scroll left bottom;
width:372px;height:169px;margin:0 0 20px 0;}
.top_kec_origin dl{float:left;width:181px;margin:0 0 0 0;}
.top_kec_origin  .top_kec_list02{float:right;}
.top_kec_origin dt{text-align:center;}
.top_kec_origin dd li em{font-size:90%;color:#231815;}
.top_kec_origin dd ul{padding:4px 0 0 8px;}
.top_kec_origin dd li{margin-bottom:6px;overflow:hidden;color:#34602b;font-size:84%;display:block;}
.top_kec_origin  .top_kec_list01 li.float{float:left;width:5em;}
.top_kec_origin  .top_kec_list01{margin:5px 0 0 10px;display:inline;}
.top_kec_origin  .top_kec_list02{margin:5px 0 0 0;display:inline;}
.top_kec_origin p{text-align:center;}


.top_flow dl{background:url("../images/flow_image.gif") no-repeat scroll left bottom;
width:370px;height:88px;margin:10px 0 16px 0;}
.top_flow dt{float:left;display:inline;}
.top_flow .top_flow01{margin:4px 0 0 4px;}
.top_flow .top_flow02{margin:4px 0 0 22px;}
.top_flow .top_flow03{margin:4px 0 0 20px;}
.top_flow .top_flow04{margin:4px 0 0 24px;}
.top_flow .top_flow05{margin:4px 0 0 30px;}

.top_menu dt{margin-bottom:6px;}


.top_eco{
 margin:0 0 20px 0;
 background:url("../images/top_eco.jpg") no-repeat scroll left top;
 width:373px;height:101px;
}
.top_eco li{
 float:left;margin-right:6px;
}
.top_eco ul{
 padding:57px 0 0 26px;
}

.terop{
 text-align:center;
 margin:20px auto;
 border:1px solid #cccccc;
 padding:10px 20px;
 width:720px;
}

.tbs_note{
	margin:20px 0 0 0;
	line-height:1.5em;
	font-size:86%;
}
.tbs dt{
	float:left;
	width:184px;
	text-align:center;
}
.tbs dl{
	margin:10px 0;
}
.tbs dd{
	float:right;
	width:184px;
	text-align:right;
}
.tbs dd a{
	color:#579ab8;
}
/*---------------------------------------------------------------------------------------------------------*/
#foot_link{
 border-top:1px solid #dddddd;width:766px;margin:0 auto 10px auto;
}
#foot_link li{
 float:left;
 /*margin:10px 7px 0 0;*/
 margin:10px 45px 0 0;
}
#foot_link li.last_link{
 float:right;
 margin:10px 0 0 0;
}
/*---------------------------------------------------------------------------------------------------------*/

#footer{background:url("../images/footer_bg.gif") repeat-x scroll left top;
height:47px;}
.banner_area{float:left;}
.banner_area ul{margin:8px 0 0 14px;}
.banner_area li{float:left;margin-right:8px;}
.copyright{float:right;color:#231815;font-size:84%;}
.copyright p{margin:24px 10px 0 0;}
/*---------------------------------------------------------------------------------------------------------*/

.header_menu ul:after,.font_chg dl:after,#header:after,.top_content:after,.top_kec_origin  .top_kec_list01 ul:after, .top_eco ul:after,.cl_fix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.header_menu ul,.font_chg dl,#header,.top_content,.top_kec_origin  .top_kec_list01 ul,.top_eco ul,.cl_fix{
	display: inline-block;
}

html[xmlns] .header_menu ul,html[xmlns] .font_chg dl,html[xmlns] #header,html[xmlns] .top_content,html[xmlns] .top_kec_origin  .top_kec_list01 ul,html[xmlns] .top_eco ul,html[xmlns].cl_fix{
	display: block;
}

*html.header_menu ul,*html .font_chg dl,*html #header,*html .top_content,*html .top_kec_origin  .top_kec_list01 ul,*html .top_eco ul,*html .cl_fix{
	height: 1%;
}
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}