@charset "utf-8";


/* CSS INFORMATION -====================================================
File name : index.css
Description : トップページ用スタイル
Date : 2009.05.20
Modified : 2009.06.04
Index :
*
*	1. Feature Contents
*	2. Basic Layout
*	3. Main Contents
*	   3.1 Special Contents
*	   3.2 News & Topics
*	4. Sub Contents
*	   4.1 NOW ON MEDIA & Editors Pick Up
*	   4.2 Mail Magazine
*	   4.3 Links
*
===================================================================== */

/* =====================================================================
*
*    1. Feature Contents
*
* =================================================================== */

div#feature {
	margin: 8px 0 13px;
	width: 100%;
	height: 334px;
	background: url(../images/top/bg_feature.gif) repeat-x;
}

div#feature div#swfContent {
	margin: 0 auto;
	padding-top: 15px;
	width: 960px;
	height: 302px;
}



/* =====================================================================
*
*    2. Basic Layout
*
* =================================================================== */

div#content {
	margin: 0 auto;
	padding: 0 20px;
	width: 960px;
	/*background: #8dd3b8;*/
	overflow: hidden;
}

div#content div#main {
	float: left;
	width: 670px;
	/*background: #f2f5c9;*/
}

div#content div#sub {
	float: right;
	width: 270px;
	/*background: #c8ea83;*/
}


/* =====================================================================
*
*    3. Main Contents
*
* =================================================================== */

/* ---------------------------------------------------------------------
*
*    3.1 Special Contents
*
* ------------------------------------------------------------------- */

div#specialContent {
	margin-right: 20px;
	float: left;
	width: 230px;
	/*background: #668F83;*/
}

div#specialContent div.section li {
	padding: 13px 10px 5px 0px;
	position: relative;
	width: 200px;

	line-height: 1.5;
	background: url(../images/share/bg_border.gif) bottom left repeat-x;
	font-size: 85%;
	margin-left:10px;
}

div#specialContent div.section li img {
	margin-left:10px;
	margin-bottom:2px;
}

div#specialContent div.section li a {
	padding-left: 10px;
	
	background: url(../images/share/ic_arrow.gif) 0 0.6em no-repeat;
	
}

div#specialContent h2,
div#specialContent div#office h3,
div#specialContent div#future h3 {
	margin-bottom: 11px;
}


/* Office & Future */

div#specialContent div#office,
div#specialContent div#future {
	margin-top: 30px;
}

div#specialContent div#office dl,
div#specialContent div#future dl {
	padding-top: 10px;
	padding-bottom: 5px;
	width: 230px;
	background: url(../images/top/bg_dot_4_4.gif) repeat;
}

div#specialContent div#office dt,
div#specialContent div#future dt {
	padding-bottom: 5px;
	text-align: center;
}

div#specialContent div#office dd,
div#specialContent div#future dd {
	padding-right: 5px;
	padding-left: 10px;
	display: inline;
	width: 207px;
	font-size: 85%;
}

div#specialContent div#future dd.name {
	padding: 0;
}

div#specialContent p.toArc {
	width: 227px;
	line-height: 1.5;
	text-align: right;
}

/* PRIVACY MARK */

div#specialContent p.privacy {
	margin-top: 63px;
	text-align: center;
}

/* ---------------------------------------------------------------------
*
*    3.2 News & Topics
*
* ------------------------------------------------------------------- */

div#news {
	float: left;
	width: 415px;
	/*background: #F6E97D;*/
}

div#news h2 {
	margin-bottom: 10px;
}

/* News & Topics 共通部分 */

div#news div#for2010 div.item,
div#news div#for2011 div.item,
div#news div#pressNews div.item {
	padding: 12px 10px;
	/*border-bottom: 1px dotted #d3d2cc;*/
	width: 395px;
	overflow: hidden;
	background: url(../images/share/bg_border.gif) bottom left repeat-x;
}

div#news div#for2010 div.item span,
div#news div#for2011 div.item span {
	display: block;
	float: left;
	width: 73px;
	line-height: 1.7;
	font-size: 85%;
	font-family: Arial, Helvetica, sans-serif;
}

div#news div#for2010 div.item p,
div#news div#for2011 div.item p {
	float: left;
	width: 322px;
	font-size: 92%;
}

div#news div#for2010 div.item p a,
div#news div#for2011 div.item p a {
	padding-left: 10px;
	display: block;
	width: 312px;
	background: url(../images/share/ic_arrow.gif) 0 0.6em no-repeat;
}

ul.footNav {
	margin: 9px 0 20px 285px;
	clear: both;
	width: 128px;
	height: 16px;
	background: url(../images/share/guide_feed_bg.gif) 0 1px no-repeat;
	/background: url(../images/share/guide_feed_bg.gif) 0 0 no-repeat;	/* For IE6 */
}

ul.footNav li {
	display: inline;
	height: 15px;
}

ul.footNav li img {
	padding-bottom:4px;
}

ul.footNav li a:hover {
	background: transparent;
}

ul.footNav li a:hover img {
	visibility: hidden;
}



/* プレスニュース部分 */

div#pressNews div.item {
	min-height: 61px;
}

div#pressNews div.item p {
	padding-top: 5px;
	padding-left: 75px;
	position: relative;
	width: 320px;
	font-size: 92%;
}

div#pressNews div.item span {
	padding-left: 85px;
	display: block;
	line-height: 1.3;
	font-size: 85%;
	font-family: Arial, Helvetica, sans-serif;
}

div#pressNews div.item p a {
 	padding-left: 10px;
	display: block;
	background: url(../images/share/ic_arrow.gif) 0 0.6em no-repeat;
}

div#pressNews div.item p img {
	display: block;
	position: absolute;
	top: -13px;
	left: -10px;
}



/* =====================================================================
*
*    4. Sub Contents
*
* =================================================================== */

div#sub div.section {
	margin-bottom: 23px;
}

div#sub {
	margin-top: 20px;
}

body.home div#sub {
	margin-top: 0px;
}

/* ---------------------------------------------------------------------
*
*    4.1 NOW ON MEDIA & Editors Pick Up
*
* ------------------------------------------------------------------- */

div#sub div#media,
div#sub div#editors {
	background: url(../images/share/box_round_middle.gif) repeat-y;
}

div#sub div#media div.boxInner,
div#sub div#editors div.boxInner {
	padding: 10px 14px 5px;
	width: 242px;
	background: url(../images/share/box_round_bottom.gif) bottom left no-repeat;
}


/* ---------------------------------------------------------------------
*
*    4.2 Twitter
*
* ------------------------------------------------------------------- */

div#sub div#media,
div#sub div#tweet {
	background: url(../images/share/box_round_middle.gif) repeat-y;
}

div#sub div#media div.boxInner,
div#sub div#tweet div.boxInner {
	padding: 10px 14px 5px;
	width: 242px;
	background: url(../images/share/box_round_bottom.gif) bottom left no-repeat;
	margin-top:5px;
}

div#sub div#tweet div.boxInner li {
	font-size:85%;
	margin-bottom:10px;
	line-height:170%;
}



/* NOW ON MEDIA */

div#sub div#media div.boxInner h3 {
	padding: 2px 0 6px 95px;
	position: relative;
	width: 147px;
	color: #605d31;
	font: bold 92% Arial, Helvetica, sans-serif;
}

div#sub div#media div.boxInner p {
	padding-bottom: 14px;
	padding-left: 95px;
	width: 147px;
	min-height: 73px;
	_height: 73px;	/* For IE6 */
	line-height: 1.5;
	font-size: 85%;
}

div#sub div#media div.boxInner h3 img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}


/* Editors Pick Up */

div#sub div#editors div.boxInner h3 {
	margin-bottom: 5px;
}

div#sub div#editors div.boxInner div.item {
	padding-bottom: 9px;
}

div#sub div#editors div.boxInner div.item span {
	font-size: 85%;
	font-family:Arial, Helvetica, sans-serif;
}

div#sub div#editors div.boxInner div.item p {
	line-height: 1.6;
	font-size: 85%;
}

/* ---------------------------------------------------------------------
*
*    4.2 Mail Magazine
*
* ------------------------------------------------------------------- */

div#sub div#mailMagazine {
	background: #e4e2d7 url(../images/share/box_color_bottom.gif) bottom left no-repeat;
}

div#sub div#mailMagazine p.add {
	margin-top: 7px;
}

div#sub div#mailMagazine p {
	padding: 0 12px 10px;
	width: 246px;
	line-height: 1.6;
	font-size: 85%;
}


/* ---------------------------------------------------------------------
*
*    4.3 Links
*
* ------------------------------------------------------------------- */

ul#lnk li {
	margin-bottom: 8px;
}






#accordion2 {width:230px;}
.accordion2 {width:230px;}
.accordion2 dt {width:220px; cursor:pointer; background-color:#666; height:21px; background-image:url(../images/top/special_tab_up.gif); padding:5px 0 0 10px; font-size:90%; font-weight:bold;}
.accordion2 dt:hover {background-color:#555}
.accordion2 .open {background-color:#444; background-image:url(../images/top/special_tab_down.gif)}
.accordion2 dd {overflow:hidden;}
.accordion2 span {display:block; width:200px; border-top:none;}



/* ---------------------------------------------------------------------
*
*    一覧ページ　リスト
*
* ------------------------------------------------------------------- */


/* ナビゲーション */
#navi_continer {
position: relative;
z-index:100;
width: 400px;
height:100px;
}

#navi {
position: absolute;
top: 10px;
left: 10px;
width: 306px;
}

#navi ul {
margin: 0;
padding: 0;
list-style: none;
}

#navi li {
color: #fffff;
float: left;
width: 100px;
margin: 0;
}

#navi li a {
font-size: 14px;
color: #ffffff;
display: block;
width: 100%;
padding: 3px 0;
text-align: center;
font-weight: bold;
text-decoration: none;
background-color: #3399ff;
}

#navi li a:hover {
color: #ffffff;
background-color: #3366cc;
}

/* サブメニュー */
#navi ul.sub {
background: #eeeeee;
}

#navi ul.sub li {
float: none;
}

#navi ul.sub li a {
color: #666666;
background: none;
font-size: 12px;
font-weight: normal;
padding: 3px 0;
border-top:1px solid #000099;
}

#navi ul.sub li a:hover {

color: #ffffff;
background-color: #ff9900;
}

#navi ul li.navi_menu ul {
display: none;
}

#navi ul li.navi_menu_on ul {
display: block;
}

#navi li.navi_menu{
border:1px solid #000099;
}

#navi li.navi_menu_on{
border:1px solid #000099;
}