@charset 'UTF-8';
@import url(common.css);
@import url(navi.css);
@import url(style.css);

/* ================================================================ *
	共通 CSS
 * ================================================================ */


/* -------------------------------------------------------------------
>> 文書全体
------------------------------------------------------------------- */

body {
	text-align : center;
	color: #333333;
	font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 1.6;
	background-image:url(../img/common/back.gif);
	background-repeat: repeat;
}

p {line-height : 1.6;font-size: 1em;color:#333333;}
li {list-style : none;}
img {border : none;}
a {color : #204692;text-decoration: none;}
a:visited {color: #000080;}
a:hover {
	color : #ff0000;
	text-decoration:underline;
	position: relative;
}

.pre {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

.text_hidden{display:none;}

.wrap {
	width : 990px;
	text-align : left;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.wrapper {
	width:990px;
	zoom: 100%;
}

#h-bg,#m-bg,#t-bg{
	display: inherit;
}
#f-bg {
/*	background-color: #ffffff;
	border-top:#E0DED8 solid 1px;*/
	clear: both;
	display: inherit;
}



/* -------------------------------------------------------------------
>> header
------------------------------------------------------------------- */
#header {
	background-color: #ffffff;
	height:90px;
}

#header h1 {
	float : left;
}

#headnavi-box {
	float: right;
	width: 290px;
}

#headmenu{
	width: 295px;
	float: left;
	margin-top:15px;
}

/* -------------------------------------------------------------------
>> mainvis box
------------------------------------------------------------------- */
#mainvis {
	width: 234px;
	float: right;
	background-color: #FFF;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #cccccc;
	text-align: left;
	line-height:1.3;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
#mainvis img {
    margin: 5px 0;
}
#sp-topic {
    clear:both;
    overflow: hidden;
}
#sp-topic .titleimg{
}
#sp-topic h2 a:hover {
	color: #FF0000;
	text-decoration: underline;
}
#sp-topic p {	
	float:left;
	width:145px;
	font-size: 80%;
	line-height:1.3;
	margin: 10px 5px;
}
#sp-topic img {	
	float:left;
	margin:10px;
	border:#CCC 1px solid;
}

#desc {
	float: right;
	width: 260px;
}
#desc p {
	font-weight: normal;
	font-size: 1em;
	padding: 50px 38px 0 0px;
	color: #FFFFFF;
}

/* -------------------------------------------------------------------
>> TOP-box menu
------------------------------------------------------------------- */
#center-area_top {
	float : left;
	width: 740px;
	text-align: left;
	background-color:#ffffff;
	margin-top: 10px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #2f982f;
	margin-bottom: 20px;
}
#center-area_top h2{
	margin:5px 15px;
	height:36px;
}

.go-list {
	position:relative;
	float : right;
	display:inline;
	margin-top: -47px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 9px;
}
.go-list a {
	font-size: 80%;
}

#TOPbox {
	clear:both;
	width : 990px;
	position: relative;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

#TOPboxparts .school, .corp, .area, .family, .child {
	width:235px;
	background-color:#FFF;
	float:left;
	margin:10px auto;
	text-align:left;
	line-height:1;
}
#TOPboxparts p.titletext{
	text-align:left;
	padding-left:35px;
	font-size:90%;
	font-weight:bold;
	background-image: url(../img/common/listicon_leaf.gif);
	background-repeat: no-repeat;
	background-position: 12px;
}
#TOPboxparts .normal {
	width:235px;
	float:left;
	margin:10px auto;
	text-align:left;
	line-height:1;
}
#TOPboxparts .normalmargin{
	margin-right:16px;
}
#TOPboxparts .normal img{
	margin:0;
	float:left;
}
#TOPboxparts ul{
	clear:both;
	font-size:80%;
	line-height:1;
}
#TOPboxparts li{
	list-style-position:inside;
	margin:10px;
}
/*#TOPboxparts .school li{list-style-image:url(../img/common/listicon_school_a.gif);}
#TOPboxparts .corp li{list-style-image:url(../img/common/listicon_corp_a.gif);}
#TOPboxparts .area li{list-style-image:url(../img/common/listicon_area_a.gif);}
#TOPboxparts .family li{list-style-image:url(../img/common/listicon_family_a.gif);}
*/
#TOPboxparts img{
	margin:10px;
	float:left;
}
#TOPboxparts .titlename{
	float:left;
	width:133px;
	text-align:left;
	font-weight:bold;
	padding-top:25px;
}
#TOPboxparts strong{
	font-size:150%;
}
#TOPboxparts .comment{
	font-size:80%;
	font-weight:lighter;
	line-height: 1.3;
}
#TOPboxparts .school{
	border-top:#EEC33F 3px solid;
	margin-right:16px;
}
#TOPboxparts .corp{
	border-top:#C136EF 3px solid;
	margin-right:16px;
}
#TOPboxparts .area{
	border-top:#349EEF 3px solid;
	margin-right:16px;
}
#TOPboxparts .family{
	border-top:#DF5379 3px solid;
}
#TOPboxparts .child{
	border-top:#FD8B00 3px solid;
	margin-right:16px;
}

/* -------------------------------------------------------------------
>> contents
------------------------------------------------------------------- */
#content {
	clear : both;
	float : left;
	width: 990px;
	margin:0 auto;
	background-color: #FFF;
}

/* left-area */

#left-area {
	float: left;
	width: 215px;
	font-size:80%;
	background-color:#ffffff;
	margin-top: 1.5em;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 20px;
	_margin-left:10px;
}
#left-area h3{
 padding:10px 5px;
 font-size:120%;
 margin:0;
 border-bottom:solid 1px #E0DED8;
}
#left-area h4{
 padding:2px 0 2px 20px;
 font-size:100%;
 margin:0;
 border-top:solid 1px #E0DED8;

}

#left-area h4 a{
    color: #333333;
}
#left-area h4 a:hover{
    text-decoration: underline;
}


#left-area ul{
	margin:0;
	padding:0;
}
#left-area li{
	list-style:none;
	padding-left:20px;
	width: 215px;
}
#left-area .line_2px_bottom{
 border-bottom:solid 2px #E0DED8;
}
#left-area .line_1px_bottom{
 border-bottom:solid 1px #E0DED8;
}
#left-area .line_2px_top{
 border-top:solid 2px #E0DED8;
}
#left-area .left_mb{
	margin-bottom:30px;
}

/* school */
#left-area .school_head{border-top:solid 2px #FFD401;}
#left-area h4.school_on{background:url(../img/common/listicon2_school_b.gif) no-repeat; background-position:4px 4px; }
#left-area h4.school_off{background:url(../img/common/listicon2_school_a.gif) no-repeat; background-position:4px 4px;}
#left-area h4.school_none{background:url(../img/common/listicon_school_n.gif) no-repeat; background-position:4px 4px;}
#left-area h4.school_nowctg{background-color:#FAF78E;}
/* company */
#left-area .corp_head{border-top:solid 2px #c136ef;}
#left-area h4.corp_on{background:url(../img/common/listicon2_corp_b.gif) no-repeat; background-position:4px 4px;}
#left-area h4.corp_off{background:url(../img/common/listicon2_corp_a.gif) no-repeat; background-position:4px 4px;}
#left-area h4.corp_none{background:url(../img/common/listicon_corp_n.gif) no-repeat; background-position:4px 4px;}
#left-area h4.corp_nowctg{background-color:#ECDDEC;}
/* area */
#left-area .area_head{border-top:solid 2px #349eef;}
#left-area h4.area_on{background:url(../img/common/listicon2_area_b.gif) no-repeat; background-position:4px 4px;}
#left-area h4.area_off{background:url(../img/common/listicon2_area_a.gif) no-repeat; background-position:4px 4px;}
#left-area h4.area_none{background:url(../img/common/listicon_area_n.gif) no-repeat; background-position:4px 4px;}
#left-area h4.area_nowctg{background-color:#D8EDF8;}
/* family */
#left-area .family_head{border-top:solid 2px #df5379;}
#left-area h4.family_on{background:url(../img/common/listicon2_family_b.gif) no-repeat; background-position:4px 4px;}
#left-area h4.family_off{background:url(../img/common/listicon2_family_a.gif) no-repeat; background-position:4px 4px;}
#left-area h4.family_none{background:url(../img/common/listicon_family_n.gif) no-repeat; background-position:4px 4px;}
#left-area h4.family_nowctg{background-color:#FAD6D9;}
/* default */
#left-area .default_head{border-top:solid 2px #2F982F;}
#left-area h4.default_on{background:url(../img/common/listicon2_default_b.gif) no-repeat; background-position:4px 4px;}
#left-area h4.default_off{background:url(../img/common/listicon2_default_a.gif) no-repeat; background-position:4px 4px;}
#left-area h4.default_none{background:url(../img/common/listicon_default_n.gif) no-repeat; background-position:4px 4px;}

#checklist{
	margin-bottom: 1em;
	margin-left: 1em;
}
#checklist div{
}
#checklist ul{
	margin:1em 0 0 0 ;
}
#checklist li{
	list-style:inside url(../img/common/listicon_green.gif);
	margin-left: -1em;
}
#checklist p{
	margin-top: 1em;
}


/* right-area */
#right-area {
	float : left;
	width : 235px;
}

#right-area h3{
	background:url(../img/common/back_righth3.jpg) no-repeat;
	height:30px;
	width:226px;
	padding:3px;
	margin-top:1.5em;
	font-size: 90%;
}

#right-area li{
	font-size:80%;
	line-height: 1.6;
	margin:5px 7px;
}

#right-area .space{
	margin-top:20px;
}
/*---------　1カラム　-----------*/

/* article-area */
#article-area{
	float : left;
	width:950px;
	margin-left:20px;
	font-size:80%;
}

#article-area h3{
	vertical-align:middle;
	font-size:140%;
	border-color:#ffffff;
	border-style:double;
	background-image:url(../img/common/h3_back.jpg);
	margin:20px 0 8px 0;
	padding:10px;
	text-align:left;
}
#article-area p{
	margin:10px;
	line-height:1.6;
}

#article-area table{
}

/* event-area */
#event-area {
	float : left;
	width: 960px;
	font-size: 80%;
}

#event-area .news-list {
	width : 940px;
	margin-left:20px;
	_margin-left:10px;
	float: left;
}

#event-area.news-list ul {
	padding: 16px 0 10px 10px;
}
#event-area.news-list:after,
#event-area.news-list ul:after {
	content : url(../img/parts/spacer.gif);
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
}
#event-area.news-list li {
	margin: 0 0 3px;
	padding-left: 10px;
}

#event-area.news-list li a {
	line-height: 1.3;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 7px;
}



/****************************************************************************************/

/* menu-area */
#menu-list {
	float : left;
	width : 332px;
	margin-left: 20px;
	_margin-left: 10px;
}
#menu-list h3{
    background:url(../img/common/h3_title_head.gif) no-repeat left top;
    font-size:140%;
    margin-bottom:5px;
    padding-top:2px;
    padding-left:38px;
}
#menu-list h4{
    border:#AEB5C7 1px double;
    height:auto;
    padding:5px;
    padding-left:27px;
}
#menu-list.menulist-school h4{background:url(../img/school/ctg_school.jpg) no-repeat;}
#menu-list.menulist-corp h4{background:url(../img/corp/ctg_corp.jpg) no-repeat;}
#menu-list.menulist-area h4{background:url(../img/area/ctg_area.jpg) no-repeat;}
#menu-list.menulist-family h4{background:url(../img/family/ctg_family.jpg) no-repeat;}

#menu-list p{
    margin:5px 0 20px 28px;
    line-height: 1.6;
}

/* text-area */
#text-area{
	margin-top: 1.5em;
	margin-bottom: 10px;
	margin-right:30px;
	margin-left: 20px;
	_margin-left: 10px;
	clear:both;
}
#text-area h3{
	width:670px;
	vertical-align:middle;
	font-size:140%;
	border-color:#ffffff;
	border-style:double;
	background-color:#EBEAE7;
/*	margin:10px 0;*/
	padding:10px;
	text-align:left;
}



#social ul{
	margin:20px 10px;
}

#social li{
	float:left;
	margin:0 10px 0 0;
	padding:0;
}


/* center-area */
#center-area {
	float : left;
	width : 740px;
}

/* list-area */
#list-area {
	float : left;
	margin-top:1.5em;
	width:730px;
	_width: 710px;
	font-size:80%;
}

#list-area .list-list {
	margin-left:20px;
	_margin-left:0px;
	width:710px;
	float: left;
}

#list-area h3{
	vertical-align:middle;
	font-size:110%;
	border:#E0DED8 double 1px;
	background:url(../img/common/h3_back.jpg) repeat-x;
	padding:7px;
	margin-bottom:10px;
	text-align:left;
}

#list-area .titlemain{
	font-size:120%;
}
#list-area img{
	vertical-align:middle;
	margin-left:5px;
}
#list-area .jmpmenu{

}

#list-area table{
	width:100%;
	margin-top:10px;
	border-spacing: 0;
	border:1px solid #E0DED8;
}
#list-area tr{
	margin:0px;
}
#list-area th{
	background-color:#EBEAE7;
	border:#ffffff solid 1px;
	width:200px;
	vertical-align:middle;
	text-align:left;
	padding:10px;
	margin:0px;
	font-size: 120%;
	font-weight: bold;
}
#list-area td{
	border-top:#E0DED8 solid 1px;
	vertical-align:middle;
	text-align:left;
	padding:5px;
	margin:0px;
	font-size:90%;
}
#list-area td.comment{
	line-height:1.3;
	border-top:#ffffff solid 1px;
}

.center-list {
	float: left;
	font-size: 80%;
}

.center-list li{
    margin-bottom: 4px;
    margin-left: 10px;
    margin-top: 6px;
    padding-left: 10px;
}

/* form-area */
#form-area {
	float : left;
/*	margin-top:20px;*/
	width: 960px;
    font-size: 80%;
}

#form-area .form-list {
	width : 940px;
	margin-left:20px;
	_margin-left:10px;
	float: left;
}

#form-area h3{
	vertical-align:middle;
	font-size:140%;
	border-color:#ffffff;
	border-style:double;
	background-color:#EBEAE7;
	padding:10px;
	text-align:left;
	clear: both;
}
.required_text{color:#F00;}

#form-area h4{
	font-weight:bold;
	margin-left:10px;
}

#form-area table{
	margin:10px 10px 20px 10px;
	width:920px;
}
#form-area th{width:20%;}
#form-area td{width:80%;}
#form-area form{
	margin-bottom:20px;
}

#form-area .btn{
	margin-left:10px;
}
#form-area .gotoform{
	margin:20px;
}
#form-area .gotoform img{
	margin:40px;
}
#form-area .ctgbox{
	float:left;
	margin:0 10px 10px 0;
}




/*　ニュース・イベント　*/

/* news-area */
#news-area {
	float : left;
	width:740px;
	_width:710px;
	margin-top:20px;
	font-size: 80%;
}

#news-area .news-list {
	width : 720px;
	_width : 700px;
	margin-left:20px;
	_margin-left:0px;
	float: left;
}
#news-area .news-list-title{
/*	background:url(../img/common/back_list_h3.jpg) no-repeat;*/
	background:url(../img/common/h3_back.jpg) repeat-x;
	border:#E0DED8 double 1px;
    font-size: 140%;
    line-height: normal;
    padding: 10px;
    text-align: left;
    vertical-align: middle;


}

#news-area.news-list ul {
	padding: 16px 0 10px 10px;
}
#news-area.news-list:after,
#news-area.news-list ul:after {
	content : url(../img/parts/spacer.gif);
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
}
#news-area.news-list li {
	margin: 0 0 3px;
	padding-left: 10px;
}

#news-area.news-list li a {
	line-height: 1.3;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 7px;
}


/*.center-list li a {
	padding: 4px 20px 4px 15px;
	line-height: 1.3;
}
.center-list li.news01 {
	background:transparent url(../img/icon/cat_news01.gif) no-repeat scroll 10px 3px;
	padding-left: 70px;
}
.center-list li.news02 {
	background:transparent url(../img/icon/cat_news02.gif) no-repeat scroll 10px 3px;
	padding-left: 70px;
}
.center-list li.news03 {
	background:transparent url(../img/icon/cat_news03.gif) no-repeat scroll 10px 3px;
	padding-left: 70px;
}
.center-list li.news04 {
	background:transparent url(../img/icon/cat_news04.gif) no-repeat scroll 10px 3px;
	padding-left: 70px;
}
.center-list li.news05 {
	background:transparent url(../img/icon/cat_news05.gif) no-repeat scroll 10px 3px;
	padding-left: 70px;
}
.center-list li.news06 {
	background:transparent url(../img/icon/cat_news06.gif) no-repeat scroll 10px 3px;
	padding-left: 70px;
}
*/

/*　ECO学習ニュース */
.newsCat {
	display: block;
	width: 80px;
	padding: 3px;
	line-height: 1;
	font-size: 85%;
	float: left;
	background-image: url(../img/common/whatsnewctg.gif);
	background-repeat: no-repeat;
	height: 20px;
}

.news li {

}

/*　新着登録情報 */
.whatsnewCat {
	display: block;
	background:url(../img/common/icon_new.gif) no-repeat;
	width: 40px;
	line-height: 1;
	float: left;
	height: 15px;
	
}

.whatsnew li {
	background-image: none;
}
/*
.center-list li.whatsnew01 {
	background:transparent url(../img/icon/cat_whatsnew01.gif) no-repeat scroll 10px 3px;
	padding-left: 100px;
}
.center-list li.whatsnew02 {
	background:transparent url(../img/icon/cat_whatsnew02.gif) no-repeat scroll 10px 3px;
	padding-left: 100px;
}
.center-list li.whatsnew03 {
	background:transparent url(../img/icon/cat_whatsnew03.gif) no-repeat scroll 10px 3px;
	padding-left: 100px;
}
.center-list li.whatsnew04 {
	background:transparent url(../img/icon/cat_whatsnew04.gif) no-repeat scroll 10px 3px;
	padding-left: 100px;
}
.center-list li.whatsnew05 {
	background:transparent url(../img/icon/cat_whatsnew05.gif) no-repeat scroll 10px 3px;
	padding-left: 100px;
}
*/

/* もっと見る */
li.more {
	float:right;
	margin-bottom: 0px;
	padding: 10px 20px 0 0px;
	background-image: none;
}
li.more a {
	background: transparent url(../img/icon/anc01.gif) no-repeat scroll 0px center;
}
li.more a:hover {
	background: transparent url(../img/icon/anc02.gif) no-repeat scroll 0px center;
}



/*　検索 */
.center-list form {
	display: block;
	width: 498px;
	height: 80px;
	background:transparent url(../img/parts/form_bg.jpg) no-repeat scroll  7px 0;
	text-align: left;
	margin: 0;
}
.center-list form input {
	margin: 40px 0 0 100px;
}

#keywords {
	width: 240px;
}
#searchBtn {  
/*	position: absolute;*/
	top: center;  
	vertical-align:middle;
}
.prefform-top {
	margin: 20px 0px 0 30px;
	font-size: 0.7em;
	line-height: 1.3;
}
.prefform-top form {
	margin: 10px 10px 0 0px;
	float:left;
}
.prefform {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 80px;
}
.prefform p {
	margin-bottom: 20px;
}
.center-list form.pref {
	background:none;
	display:inline;
}
.center-list form.pref input {
	margin: 0px 0 0 10px;
}

/*　リストページ　検索 */
#searchW {
	display: block;
	width: 100%;
	height: 80px;
	background: #FFFFFF url(../img/parts/form_bg_white.jpg) no-repeat scroll  30px 15px;
	text-align: left;
	margin: 0;
}
#searchW input {
	margin: 40px 0 0 30px;
}

#keywordsW {
	width: 240px;
}
input#searchBtnW {  
	position: absolute;  
	top: center;  
	margin: 40px 0 0 10px;
}

/*　検索 ヘッダー */
#regSearch form {
	display: block;
	margin: 53px 0 0 20px;
	padding: 0;	
}


#keywords {
	width: 200px;
}
#searchBtn1 { 
	position: absolute; 
	top: center;
	margin-left: 6px;
	
}


/* -------------------------------------------------------------------
>> footer
------------------------------------------------------------------- */

#footer-box {
	margin-top:10px;
	clear:both;
	font-size: 0.8em;
	border-top:#E0DED8 solid 1px;
	background-color: #ffffff;
	padding:20px 0;
	display: block;
}
#footer-box dl {
	clear:both;
	font-weight:bold;
	width:auto;
	margin:0 auto;
}
#footer-box a {
	color: #333333;
}
#footer-box a:hover {
	float: left;
	text-decoration: underline;
}
#footer-box dt,dd {float: left;	margin-left:2em;}
#footer-box dd {font-weight:normal;}
#footer-box dt {font-weight: bold;}
#footer-box .footertitle {background: url("../img/common/listicon_leaf.gif") no-repeat scroll 0 center transparent;padding-left: 20px;}

#footer-box dt.db-school a {background: url(../img/common/listicon_school_n.gif) 0px center no-repeat;}
#footer-box dt.db-corp a {background: url(../img/common/listicon_corp_n.gif) 0px center no-repeat;}
#footer-box dt.db-area a {background: url(../img/common/listicon_area_n.gif) 0px center no-repeat;}
#footer-box dt.db-family a {background: url(../img/common/listicon_family_n.gif) 0px center no-repeat;}
#footer-box dt.db-child a {background: url(../img/common/listicon_child_n.gif) 0px center no-repeat;}
#footer-box dt.list01 a {background: url(../img/icon/list_list01.gif) 0px center no-repeat;}

#footer-info {
	clear: both;
}

.footer-desc {
	clear: both;
	float: left;
	width: 650px;
	font-size: 80%;
	line-height: 1.3;
	margin: 10px 0 10px 0;
}
address {
	float: right;
	width: 252px;
	margin: 10px 0 10px 0;
}
.copy {
	clear: both;
	background:#ffffff;
/*	text-align: center;*/
	padding:5px 0 5px 20px;
	border-top:#E0DED8 solid 1px;
	font-size: 80%;
 }

.copycmt {font-size: 120%;}




/* -------------------------------------------------------------------
>> 汎用クラス
------------------------------------------------------------------- */
.img-left { float : left; }
.img-right {
	float : right;
	margin-left: 10px;
	margin-bottom: 1em;
}

.text-uline{text-decoration: underline;}

.center { text-align: center; }
.left   { text-align: left; }
.right  { text-align: right; }
.f_left   { float: left; }
.f_right  { float: right; }


.clear  { clear: both; }

/* 背景がリピートされないなどの場合は指定してください。 */
.clearfix:after {
	content : url(../img/parts/spacer.gif);
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
}

.item-in {
	zoom: 100%;
	/*margin-bottom: 30px;*/
}
.item-in li{
	background-image: url(../img/icon/anc02.gif);
	background-repeat: no-repeat;
	margin-left: 10px;
	padding-left: 10px;
	margin-top: 6px;
	background-position: 0px 6px;
	margin-bottom: 4px;
}
.item-in2 {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	zoom: 100%;
	padding-bottom: 0px;
	margin-bottom: 30px;
}
.item-in2 ol{
	margin-left: 40px;
}
.item-in2 li{
	list-style-type: decimal;
}
.item-inG {
	background-color: #E6E7DC;
	border: 1px solid #999999;
	zoom: 100%;
	padding: 10px;
	/*margin-bottom: 30px;*/
}


/* -----------------------------------------------------------------------------
>> Left Area boxItem
----------------------------------------------------------------------------- */

/*　関連ランキング */
.info-list {
	font-size: 0.75em;
	padding-right: 20px;
	margin-bottom: 20px;
}
.info-list dl {
	padding: 16px 0 10px 0px;
	background:transparent url(../img/parts/list_border1.gif) no-repeat scroll 15px bottom;
}
.info-list dl.none {
	background: none;
}
.info-list:after,
.info-list dl:after {
	content : url(../img/parts/spacer.gif);
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
}

.info-list dd {
	padding: 0 0 5px;
}


.info-list dd a {
	display: block;
	margin: 4px 20px 0px 50px;
	line-height: 1.6;
}


.rank1 {
	background:transparent url(../img/icon/ranking1.gif) no-repeat scroll 14px 0px;
	font-size: 1.2em;
}
.rank2 {background:transparent url(../img/icon/ranking2.gif) no-repeat scroll 14px 0px;}
.rank3 {background:transparent url(../img/icon/ranking3.gif) no-repeat scroll 14px 0px;}
.rank4 {background:transparent url(../img/icon/ranking4.gif) no-repeat scroll 14px 0px;}
.rank5 {background:transparent url(../img/icon/ranking5.gif) no-repeat scroll 14px 0px;}

/* -----------------------------------------------------------------------------
>> Center Area boxItem
----------------------------------------------------------------------------- */


/* -----------------------------------------------------------------------------
>> Right Area boxItem
----------------------------------------------------------------------------- */

/*　バナー */
.banner {
	line-height:0;
	margin-bottom:15px;
}
.banner img {
	margin-bottom:15px;
	padding: 0;
}

.sdesk {
	background-color: #F7F7F9;
}
.sdesk dl {
	margin: 15px 0;
	line-height: 0;
}
.sdesk dd {
	font-size: 0.7em;
	line-height: 1;
	padding: 3px 20px 10px 56px;
}
.sdesk a {
	text-decoration: none;
	color:#000000;
}



/*----------- Tab AJAX -----------*/

#tabwarp {
width: 500px;
}
/*
*html #tabwarp .tabs-container {
width: 460px;
}*/
.tabs-container {
border: 1px solid #868480;
/*
background:transparent url(../img/parts/tabcontent_bg.jpg) no-repeat scroll left bottom;*/
background-color: #FFFFFF;
padding:1em 10px;
}


.tab-box {
	background: transparent url(../img/parts/tabcontent_bg.gif) no-repeat 0 bottom;
}


#tabcontent {
	margin-top: 0px;
	margin-bottom: 0px;
}
#tabcontent ul {
	clear: both;
	width: 500px;
	height: 50px;
	background: transparent url(../img/parts/tabcontent_upbg.jpg) left bottom no-repeat;
}
#tabcontent ul:after {
	content: url(../img/parts/spacer.gif);
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility:hidden;
}

#tabcontent li {
	display:inline;
	width: 100px;
	height: 30px;
	padding: 15px 10px 0 0;
	float: right;
}

#tabcontent li {_padding-right: 1px;}
#tabcontent li a.tabnavi01, #tabcontent li a.tabnavi02 {
	float : left;
	height: 30px;
	width: 100px;
	margint: 0;
	padding: 0;
}


#tabcontent ul.fragment-in {
	margin : 0px 0 0;
	padding: 0px;
	background: transparent;
	line-height: 1;
}
#tabcontent ul.fragment-in li {
	display:inline;
	margin: 0;
	padding: 0 0px 0 0px;
}
*html #tabcontent ul.fragment-in {width: 478px;}

/* -  Tab In SiteBanner list - */
/*
#tabcontent ul.tab-bnr {
	margin : 15px 0 0;
	padding-left: 0px;
	background: transparent;
	zoom: 100%;
	line-height:1;
}
#tabcontent ul.tab-bnr li {
	display:block;
	float: left;
	width: 100px;
	height: 100%;
	margin: 0 0px 0 0px;
	font-size: 0.7em;	
}
*html #tabcontent ul.tab-bnr  {margin: 0 0px 0 -30px;}
*/

.center-list li.tabs-selected a　,
.center-list li.tabs-selected a:active {
line-height:1;
padding:0;
margin:0;
}

*html .center-list li.tabs-selected a　,
*html .center-list li.tabs-selected a:active {
	padding:0;
	margin: 15px -30px 0 0;
}








.mt0 {
    margin-top: 0;
}
.mb1e {
    margin-bottom: 1em;
}
.ml1e {
    margin-left: 1em;
}
.box {
    margin-bottom: 20px;
    padding: 10px;
}
.box p {
    margin-bottom: 0;
}
.bg1 {
    background: none repeat scroll 0 0 #D7F2E1;
}
.bg2 {
    background: none repeat scroll 0 0 #E2F0FC;
}
.bg3 {
    background: none repeat scroll 0 0 #FFF5D0;
}
.ttl {
    text-align: center;
}
.ttl p {
    font-size: 150%;
    margin-bottom: 10px;
}