@charset "utf-8";
* { margin:0; padding:0 }
body { font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }
#container { background:#FFFFFF url(../image/main_content_back01.png) repeat-x 0px 205px; text-align:center; }
div#all { width:970px; background:url(./image/main_content_back03.png) repeat-y scroll 1px 0; margin:0 auto; text-align:left; }
div#header { }
div#contentsarea { background:url(./image/main_content_back02.png) no-repeat center top; padding:20px 0 0 0; overflow:hidden; height:1%; }
div#main_column { width:705px; float:left; }
div#sub_column { width:265px; float:right; }
/******notice******
width relations
2 columns => main+sub=all
3 columns => main+sub=all, main_center+main_sub=main*/

div#end_column { clear:both; background:#999999 }
div#footer { clear:both }
/****** common ***************************/
div.padding { }
body, p, ul, dl, table { font-size:95%; line-height:160% }
a img { border:none }
.small { font-size: 0.8em; line-height:130% }
.notxt { margin-left: -5000px; }
.hide { display:none; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right }
.f-box { overflow:hidden; height:1%; }
.f-left { float:left; margin-right:10px }
.f-right { float:right; margin-left:10px; }
.pad5 { padding:5px; }
.pad10 { padding:10px; }
.mar5 { margin:5px; }
.mar10 { margin:10px; }
.mar-t10 { margin-top:10px; }
.mar-t20 { margin-top:20px; }
.mar-t30 { margin-top:30px; }
.mar-t40 { margin-top:40px; }
.mar-t50 { margin-top:50px; }
.mar-b10 { margin-bottom:10px; }
.mar-b20 { margin-bottom:20px; }
.mar-b30 { margin-bottom:30px; }
.mar-b40 { margin-bottom:40px; }
.mar-b50 { margin-bottom:50px; }
.clear { clear:both; }
/*********************************************/
/****** header ***************************/
/*********************************************/

div.header_banner { height:173px; text-align:center; overflow:hidden; background: #ECECEC url(../image/header-back01.jpg) repeat-x scroll 0 0 }
div.header_list { height:32px; background:url(./image/header-back03.png) repeat-x; }
div.header_list ul { width:950px; margin:0 auto;  }
div.header_list ul li { display: inline; height:30px; float:left; }
div.header_list ul li.li1 { width:211px; margin:0 0 0 95px; }
div.header_list ul li.li2 { width:272px; margin-left:15px; }
div.header_list ul li.li3 { width:80px; margin-left:15px; }
div.header_list ul li.li4 { width:151px; margin-left:15px; }
div.header_list ul li a { display:block; height:30px; float:left; }
div.header_list ul li.li1 a { background:url(./image/sprite01.gif) no-repeat; width:211px; }
div.header_list ul li.li2 a { background:url(./image/sprite01.gif) no-repeat -225px 0px; width:272px }
div.header_list ul li.li3 a { background:url(./image/sprite01.gif) no-repeat -672px 0px; width:80px }
div.header_list ul li.li4 a { background:url(./image/sprite01.gif) no-repeat -508px 0px; width:151px }
div.header_list ul li.li1 a:hover { background:url(./image/sprite01.gif) no-repeat 0px -34px; }
div.header_list ul li.li2 a:hover { background:url(./image/sprite01.gif) no-repeat -225px -34px; }
div.header_list ul li.li3 a:hover { background:url(./image/sprite01.gif) no-repeat -672px -34px; }
div.header_list ul li.li4 a:hover { background:url(./image/sprite01.gif) no-repeat -508px -34px; }

#globalNavi {
}
#globalNavi, #globalNavi ul {
	padding:0;
	list-style-type:none;
	position:relative;
}
#globalNavi li {
	float:left;
	position:relative;
}
#globalNavi ul {
	display:none;
	width: 250px;
	position: absolute;
	top: 30px;
	overflow:hidden;
	left: 0px;
	margin:0;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
}
#globalNavi ul li a { font-size:0.9em; width: 250px; display: block; background: #F6F6F6 url(image/icon06.gif) no-repeat 10px 10px; padding: 3px 5px 3px 25px; color: #666; text-decoration: none; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #FFF; text-align:left; }
#globalNavi ul li a:hover { color: #FF3300; background-color: #E1F4F7; }
/*********************************************/
/****** main ***************************/
/*********************************************/


/*div#contentsarea .padding_x{background:url(./image/main_content_back03.png) repeat-y}*/

div#main_column { color:#333 }
div#main_column .padding { margin:0 30px 50px 45px; overflow:hidden; }
div#bread { margin-bottom:20px; font-size:0.9em; color:#9A9A9A }
div#bread a { color:#9A9A9A }
div#bread a:hover { color:#4D4D4D }
div#bread p { line-height: 140%; }
div#bread span.gt { margin:0 5px }
h1 { color:#252525; }
div.h1_area { margin-bottom:30px; }
p.category_description, div.h1_area ul { margin-top:20px }
div.h1_area ul { list-style-type:none; margin-bottom:10px }
div.h1_area ul li { background:url(./image/icon02.png) no-repeat 0 0.2em; padding-left:20px }
div.h1_area ul li a { color:#E67D28 }
div.h1_area ul li a:hover { color:#E43016 }
#main_column p, #main_column h2, #main_column h3, #main_column h4, #main_column table { margin-bottom:20px; }
#main_column h2 { color:#53A7C5; border-bottom:1px dotted #DAE4E4; font-size:110% }
#main_column h3 { font-size:100%; background:#76B0D8 url(image/icon07.gif) no-repeat scroll 9px center; border-bottom:1px solid #496D86; border-right:1px solid #496D86; color:#FFFFFF; font-weight:bold; margin:0 0 10px; padding:3px 5px 3px 24px; }
#main_column h4 { background:#DAE4E4; color:#333; font-size:90%; padding:4px 10px }
#main_column a { color:#0066FF; }
#main_column a:hover { color:#FF3300; }
#main_column em { font-style:normal; background-color:#D2EEE6 }
#main_column strong { color:#E15A00; }
#main_column ul { margin:0 0 1em; }
#main_column li { list-style:none; background:url(./image/icon05.gif) no-repeat 0.3em 0.2em; padding:0 0 0 23px; margin:0 0 0.5em; line-height:125%; }
div.entry_list_area .section { margin-bottom:30px; border-top:2px solid #EDEDED; padding: 15px 0 0 0; }
#main_column h2.entry_list_title, #main_column h1.entry_title { color:#2165C0; margin-bottom:20px; background:url(./image/icon01.png) no-repeat 0 0.2em; padding-left:23px; font-size:160%; line-height:115%; border:none; }
#main_column h2.entry_list_title a { color:#2165C0; text-decoration:none; }
#main_column h2.entry_list_title a:hover { color:#6392D2 }
.entry-more-link { background:url(./image/icon06.gif) no-repeat 0.3em 0.5em; padding:0 0 0 23px; margin:1em 0 0 0; }
.colum_box01_01 { background:transparent url(./image/colum_box01_01.png) repeat scroll 0 0; padding:10px 0 0; }
.colum_box01_02 { background:transparent url(./image/colum_box01_03.png) repeat scroll center bottom; padding:0 0 10px; }
.colum_box01_03 { background:transparent url(./image/colum_box01_02.png) repeat scroll 0 0; padding:15px 10px; }
/*新着一覧*/
#new_entries h2 { border-bottom: 3px solid #CCCCCC; padding:5px; }
#new_entries table { width:630px; margin:0 0 0 0;}
.ne_date { display:block; width:144px; background:transparent url(./image/icon08.png) no-repeat 0 7px; font-size:0.9em; padding:0 0 0 24px; }
#new_entries .ne_category { margin:0 0 0 0; width:360px; }
#new_entries .ne_category li { color:#999999; background: url(none); padding: 0px; }
#new_entries .ne_category a { color:#999999; font-size:0.9em; margin:0 0 1em; }
#new_entries .ne_category a:hover{ color:#FF3300; }
#new_entries a.ne_title { color:#000000; margin:0 0 1em 1em; display:block; line-height:105%; }
#new_entries a.ne_title:hover { color:#FF3300; }
#new_entries .history_link{text-align:right;}
#new_entries .history_link a{  background:transparent url(./image/icon04.png) no-repeat scroll 0 0.3em;padding:0 0 0 10px; color:#999999; font-size:0.9em;}
#new_entries .history_link a:hover{ color:#FF3300; }

/*ユーザー向けサービス*/
#user_service ul { width:100%; height:1%; overflow:hidden; _zoom: 1; margin:0 0 0 -7px;}
#user_service ul li{ list-style:none; padding:0 0 0 0; margin:0 0 7px 7px; background:none; overflow:hidden; height:171px; float:left;display:block;}
#user_service ul li a{ width:149px; height:171px;background:transparent url(./image/topcontent24.png) no-repeat; display:block; float:left; overflow:hidden;}
#user_service ul li a span{ display:none;}

	/*上段*/
	#user_service ul li.tsuushin a{background-position:-2px 0px;}
	#user_service ul li.shizai a{ background-position:-159px 0px;}
	#user_service ul li.kodutsumi a{background-position:-316px 0px;}
	#user_service ul li.user a{background-position:-473px 0px;}
	
	#user_service ul li.tsuushin a:hover{background-position:-2px -360px;}
	#user_service ul li.shizai a:hover{ background-position:-159px -360px;}
	#user_service ul li.kodutsumi a:hover{background-position:-316px -360px;}
	#user_service ul li.user a:hover{background-position:-473px -360px;}
	
	/*下段*/
	#user_service ul li.heiten a{background-position:-2px -182px;}
	#user_service ul li.shouzai a{background-position:-159px -182px;}
	#user_service ul li.yunyuu a{background-position:-316px -182px;}
	#user_service ul li.recycle a{background-position:-473px -182px;}
	
	#user_service ul li.heiten a:hover{background-position:-2px -542px;}
	#user_service ul li.shouzai a:hover{background-position:-159px -542px;}
	#user_service ul li.yunyuu a:hover{background-position:-316px -542px;}
	#user_service ul li.recycle a:hover{background-position:-473px -542px;}


/****** table (toiawase etc.) **********/
#law-table { }
#law-table td { padding:5px; border:1px solid #eee }
#law-table colgroup { }
/*********************************************/
/****** side ***************************/
/*********************************************/
div#sub_column .padding { margin:0 35px 30px 0; }
div#sub_column .section { background:#F6F6F6; margin-bottom:15px; padding:15px; font-size:0.80em; line-height:140%; color:#666 }
div#sub_column p{ margin:0 0 0.8em;}
/*トライアル*/
.trial { border:#E1E1E1 1px solid; background:#FFF; padding:7px; margin:0 0 15px; }
.trial a { width:214px; height:147px; display:block; background:url(./image/trial01.png) 0 0 no-repeat; }
.trial a:hover { background:url(./image/trial01.png) 0 -148px no-repeat; }
.trial a span { margin-left:-5000px; }
div#sub_column .section h2 { line-height:100%; margin-bottom:10px }
div#sub_column .section h3.recommend_item a{ background: #FFF; padding: 2px; border: 1px solid #C9C9C9; display:block; }
div#sub_column .section h3.recommend_item a:hover{ background: #FFCAA6; border-color: #FFF; }

/*********************************************/
/****** footer ***************************/
/*********************************************/

div#footer { background:url(./image/footer_back01.png) repeat-x #F2F2F2; color:#006699; text-align:center; }
div#footer .wrap { background:url(./image/footer_back02.png) repeat-x center bottom; }
div#footer .padding { margin:0 auto; width:970px; text-align:left; }
#footer .lists_area { padding:40px 0 0 0; overflow:hidden; }
#footer .lists_area a { color:#006699; text-decoration:none }
#footer .lists_area a:hover { color:#F63; text-decoration:underline }
/*floats*/
#footer .lists_area ul { list-style-type:none; }
#footer .lists_area ul li { float:left; }
#footer .lists_area ul li ul li { float:left; }
/*margins and paddings*/
#footer .lists_area ul { }
#footer .lists_area ul li { margin-left:15px; padding: 0 10px 40px 25px; }
#footer .lists_area ul li ul { margin-top:5px }
#footer .lists_area ul li ul li { margin:0; padding: 0 10px }
#footer .lists_area p.entry { padding-left:10px }
/*icons*/
#footer .lists_area ul li { background:url(./image/icon03.png) no-repeat; }
#footer .lists_area ul li ul li { background:url(./image/icon04.png) no-repeat 0 0.3em; }
#footer .lists_area p.entry { background:url(./image/whitedot.gif) no-repeat 0 0.3em; }
/*fonts*/
#footer .lists_area ul { font-size:0.9em }
#footer .lists_area ul li { font-weight:bold }
#footer .lists_area ul li ul li { font-weight:normal }
/******* Change this "width" to 215px if display 3 categories. **********/
#footer .lists_area ul li { width: 185px }
/********************************************************************************/


.footer_nodisp { display:none }
div.copyrights { text-align:center; clear:both; padding:15px 0 10px; color:#666666 }
div.copyrights #editon { position: relative; top: 8px; }
.------------_Edit_------------ { }
#editTopMenu { width:100%; text-align:center; }
.edit { background: #EEE; font-size:0.9em; padding:7px 5px; display:none; text-align: center; border: 1px solid #999999; line-height:110%; }
p.edit { margin:0 0 1em 0; }
.edit a, #editoff { color:#06F; text-decoration:underline; }
.edit a:hover, #editoff:hover { color:#F30 }