@charset "utf-8";

/********************************************************
Copyright(C)Japan New Alpha CO., LTD. All Rights Reserved.
********************************************************/

/* index ********************************************/

/* --- LAYOUT --- */

#index #container{ width: 1040px;}
#index #header{ margin: 0 40px;}
#index #g_navi{ left: 40px;}

#index #flash{
	margin: 0;
	width: 1040px;
	height: 360px;
	position: relative;
	z-index: 0;
}
#index #index_main{ margin: 0 40px;}

#index #contents{
	margin: -15px 0 0;
	position: relative;
	width: 732px;
	line-height: 140%;
	z-index: 2;
}
#index #navi_left{
	width: 212px;
	margin: -15px 0 0;
	position: relative;
	z-index: 3;
}
#index .clm_center{
	float: left;
	width: 357px;
}
#index .clm_right{
	float: right;
	width: 357px;
}

#tenpo_news, #topics{ margin: 0 0 20px;}
#tenpo_events, #csr_menu{ margin: 0 0 5px;}

/* --- titles --- */

#index #contents h2{
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	border-left: solid 1px #fff;
}
#index #contents h2{
	margin: 0 0 12px;
	padding: 8px 6px 0 0;
}
#tenpo_news h2{ background: url(img/index/h2_tenpo_topics.gif);}
#topics h2{ background: url(img/index/h2_topics.gif);}
#tenpo_events h2{ background: url(img/index/h2_tenpo_event.gif);}
#csr_menu h2{ background: url(img/index/h2_csr.gif);}

/* --- news, topics --- */

.topics{ margin: 0 3px; line-height: 140%;}
.topics img{ vertical-align: middle;}
.topics div{ _margin: 0 0 0.25em; padding: 0 2px 2px; font-size: 12px;}
.topics p{
	margin: 0 0 0.3em;
	padding: 0 2px 0.3em;
	border-bottom: 1px solid #ccc;
}

/* --- clm_center, clm_right --- */

.clm_inner{ margin: 0 2px;}

#tenpo_events img{ float: left; width: 190px;}
#tenpo_events ul{ margin: 0; padding: 0; list-style: none; float: right; width: 150px;}
#tenpo_events li{ padding: 0 0 0 8px; background: url(img/arrow_2.gif) no-repeat left center;}
#tenpo_events .btn{ margin: 5px 0 0; padding: 0; width: 132px; height: 19px; background: url(img/index/event_btn.gif);}
#tenpo_events .btn a{ display: block; width: 132px; height: 19px;}
#tenpo_events .btn span{ display: none;}

#csr_menu img{ float: right; width: 95px;}
#csr_menu div{ margin: 0; padding: 0; list-style: none; float: left; width: 248px;}
#csr_menu ul{ margin: 0; padding: 0; list-style: none; height: 19px;}
#csr_menu li{ margin: 5px 0 0; float: left; display: inline; height: 19px;}
#csr_menu .btn_1, #csr_menu .btn_1 a{ width: 127px;}
#csr_menu .btn_2, #csr_menu .btn_2 a{ width: 107px;}
#csr_menu .btn_1{ float: left; background: url(img/index/csr_btn_1.gif);}
#csr_menu .btn_2{ float: right; background: url(img/index/csr_btn_2.gif);}
#csr_menu .btn_1 a, #csr_menu .btn_2 a{ display: block; height: 19px;}
#csr_menu span{ display: none;}
#csr_menu p{ margin: 0; padding: 0 0 0.3em; line-height: 160%;}

/* --- navi_left --- */

#index #navi_left #navi_left_inner{ padding: 1px 1px 0; background: #fff;}

#index #navi_left #sites{ margin: 0 0 10px; clear: both; background: #fff;}
#index #navi_left #sites h2{ background: url(img/index/left_h2_1.gif);}
#index #navi_left #sites h3{
	margin: 0;
	padding: 0 0 0 8px;
	background: url(img/arrow_1.gif) left center no-repeat;
	font-size: 11px;
	font-weight: normal;
}

#index #navi_left #boshu{ margin: 0 0 10px;}
#index #navi_left #boshu h2{ background: url(img/index/left_h2_2.gif);}

#index #navi_left #sites div,
#index #navi_left #boshu div{
	margin: 0 0 0 1px;
	padding: 5px 4px 5px 6px;
	_padding: 5px 4px;
	clear: both;
	background: url(img/left_bg_banners.gif) repeat-x top;
	border-bottom: 1px solid #ccc;
}
#index #navi_left #sites img,
#index #navi_left #boshu img{ float: left; width: 67px;}

#index #navi_left #sites div div,
#index #navi_left #boshu div div{
	padding: 0;
	background: none;
	clear: none;
	float: right;
	width: 125px;
	border-bottom: none;
	text-align: left;
}
#index #navi_left #sites p,
#index #navi_left #boshu p{ margin: 0 0 0 2px; line-height: 130%; font-size: 10px;}

#index #navi_left #boshu .btn{
	margin: 6px 0 0 2px;
	padding: 0;
	background: url(img/btn_more_1.gif);
	float: none;
	width: 77px;
	height: 17px;
}
#index #navi_left #boshu .btn a{ display: block; width: 77px; height: 17px;}
#index #navi_left #boshu .btn span{ display: none;}

/* --- contents4 --- */
:root #contents4{ margin: 25px 0 20px;}
#contents4{
	margin: 0 0 20px;
	background: url(img/index/contents4_bg_top.gif) 0 6px no-repeat;
	clear: both;
}
#contents4_inner{
	padding: 0 0 15px;
	background: url(img/index/contents4_bg_btm.gif) bottom no-repeat;
	min-height: 120px;
	_height: 120px;
}
#contents4 .clm2{ padding: 0 17px; clear: both;}

#contents4 #c4_1, #contents4 #c4_3,
#contents4 #c4_2, #contents4 #c4_4{ width: 337px;}

#contents4 #c4_1, #contents4 #c4_3{ float: left;}
#contents4 #c4_2, #contents4 #c4_4{ float: right}

#contents4 #c4_1{ background: url(img/index/c4_title_1.gif) no-repeat top left;}
#contents4 #c4_2{ background: url(img/index/c4_title_2.gif) no-repeat top left;}
#contents4 #c4_3{ background: url(img/index/c4_title_3.gif) no-repeat 0 2px;}
#contents4 #c4_4{ background: url(img/index/c4_title_4.gif) no-repeat 0 1px;}

#contents4 img{ margin: 0; width: 108px; height: 108px;}
#contents4 #c4_1 img{ float: right;}
#contents4 #c4_2 img{ float: left;}
#contents4 #c4_3 img{ float: left;}
#contents4 #c4_4 img{ float: right;}

#index #contents #contents4 h2{
	margin: 27px 0 5px;
	padding: 0;
	border: none;
	clear: none;
	float: left;
	width: 165px;
	_width: 156px;
	height: 32px;
	line-height: 18px;
	text-indent: 5px;
	font-size: 14px;
	overflow: hidden;
}
#contents4 p{
	margin: 0;
	padding: 0 0 0 5px;
	clear: none;
	float: left;
	width: 224px;
	_width: 215px;
}
#contents4 #c4_3 p, #contents4 #c4_4 p{ padding: 0 0 15px 5px;}
#index #contents4 .btn_more{
	margin: 30px 0 0;
	float: right;
	width: 64px;
	height: 15px;
}
#index #contents4 .btn_more a{ display: block; width: 55px; height: 15px;}
#index #contents4 .btn_more span{ display: none;}
#index #contents4 #c4_3 .btn_more,
#index #contents4 #c4_4 .btn_more{ margin: 31px 0 0;}
#index #contents4 #c4_1 .btn_more,
#index #contents4 #c4_4 .btn_more{ _margin: 31px -5px 0 0;}


/* --- pagetop --- */

#index .pagetop{ margin: 0 0 10px 890px;}
.pagetop{ background: url(img/index/btn_pagetop.gif) no-repeat;}