@charset "utf-8";

body{ color:#000; background:url(../img/background-body.jpg); -webkit-text-size-adjust:100%;}
	body#docomo{ background:#FFF;}


/* ------------------------------------------------------ *
	header
 * ------------------------------------------------------ */

#header{ background:url(../img/background-header.jpg) repeat-x;}
#global-header{ width:960px; margin:0 auto; height:190px; position:relative;}
#global-header h1{ position:absolute; top:50px; left:0; z-index:10;}
#global-header ul{ text-align:left; font-size:108%; position:absolute; top:60px; right:0; z-index:2; line-height:1em;}
#global-header li{ display:inline;}
#global-header li a{
	color:#FFF; background:url(../img/background-flag-purple.png); padding:5px 20px 7px; margin:0 3px;
	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px;
}
#global-header p{ font-size:123.1%; line-height:1.5em; text-align:right; position:absolute; top:95px; right:0; z-index:0;}

#nav-main{ width:100%; background:url(../img/background-flag-purple.png); height:70px;}
#nav-main ul{ width:980px; margin:0 auto;}
#nav-main li{ height:70px; float:left;}
#nav-main li a{
	width:80px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; height:100%; padding:0 22px; background-repeat:no-repeat; background-position:center center;
	-moz-transition:background-color 0.2s linear; -webkit-transition:background-color 0.2s linear; transition:background-color 0.2s linear;
}
#nav-main li.n0 a{		background-image:url(../img/nav0.png); width:108px;}
#nav-main li.n1 a{		background-image:url(../img/nav1.png);}
#nav-main li.n2 a{		background-image:url(../img/nav2.png); width:112px;}
#nav-main li.n3 a{		background-image:url(../img/nav3.png); width:132px;}
#nav-main li.n4 a{		background-image:url(../img/nav4.png);}
#nav-main li.n5 a{		background-image:url(../img/nav5.png);}
#nav-main li.n6 a{		background-image:url(../img/nav6.png);}
#nav-main li a:hover,
body#business #nav-main li.n1 a,
body#reason #nav-main li.n2 a,
body#csr #nav-main li.n3 a,
body#group #nav-main li.n4 a,
body#company #nav-main li.n5 a,
body#recruit #nav-main li.n6 a{ background-color:#7078B7;}


/* ------------------------------------------------------ *
	contents
 * ------------------------------------------------------ */

#topic-path{ list-style-type:none; width:960px; margin:15px auto 60px; z-index:10; position:relative;}
#topic-path li{ display:inline;}
#topic-path li a{ margin-right:0.75em;}
#topic-path li a:after{ content:'>'; margin-left:1em;}

#contents{}
	body#csr #contents{ border-top:1px #DDD solid;}
	body#csr.report #contents{ border:none; width:960px; margin:60px auto 0;}
	
	body#news #contents{ border-top:1px #DDD solid;}
	body#news.article #contents{ border:none; width:960px; margin:60px auto 0;}
	
#main{	width: 960px;	margin: 60px auto 0;	overflow: hidden;}
	body#csr.report #main{ width:690px; float:left; margin:0; overflow:visible;}
	
	body#news.article #main{ width:690px; float:left; margin:0; overflow:visible;}
	
.section-std{ padding-top:80px;}
.read{ font-size:123.1%; line-height:2.1em; color:#333;}

#nav-contents{ width:100%; height:50px; position:relative; top:0; left:0; z-index:100; background:url(../img/background-flag-white.png); border-top:1px #DDD solid; border-bottom:1px #DDD solid; font-size:123.1%; line-height:50px;}
#nav-contents h1{ width:960px; margin:0 auto; color:#333E99; z-index:0;}
#nav-contents ul{ position:absolute; top:0; left:50%; margin-left:-350px; z-index:1;}
#nav-contents li{ float:left;}
#nav-contents li a{ color:#242424; padding:0 1.5em; display:block; position:relative;}
#nav-contents li a:hover,
#nav-contents li.active a{ color:#FFF; background-color:#333E99;}
#nav-contents li.active a:after{ display:block; content:''; height:0; width:0; border:6px solid transparent; border-top-color:#333E99; position:absolute; top:100%; left:50%; z-index:0; margin-left:-6px;}
body.insurance #nav-contents{ font-size:108%;}
body.insurance #nav-contents ul{ margin-left:-400px;}
body#group #nav-contents ul{ margin-left:-480px;}
@media print{	#nav-contents{ display:none;}}

#pager{ list-style-type:none; text-align:center; font-size:123.1%; font-weight:bold; padding-bottom:80px;}
#pager li{ display:inline;}
#pager li a{ color:#63A651; background-color:#FFF; border:1px #DDD solid; padding:10px 13px;}
#pager li a:hover{ background-color:#96C68A; color:#FFF;}
#pager li.active{ color:#FFF; background-color:#63A651; padding:10px 13px; border:1px #DDD solid;}
#pager li.prev{ margin-right:15px;}
#pager li.next{ margin-left:15px;}

#bottom{
	border-top: 1px #DDD solid;
	padding:50px 0px 50px;
	background-color:rgba(255,255,255,0.5);}
#bottom ul{ width:960px; list-style-type:none; margin:0px auto;}
#bottom li{ float:left; margin-right:15px;}
#bottom li.n3{ margin-right:0;}


/* ------------------------------------------------------ *
	side
 * ------------------------------------------------------ */

#side{
	width: 240px;
	float: right;
	margin-bottom: 50px;
}
#side div{ margin-bottom:50px;}
#side div h1{ background:url(../img/border-green.png) repeat-x center bottom; padding-bottom:0.5em; color:#63A651; font-size:153.9%; margin-bottom:20px;}
#side dl{ font-size:108%;}
#side dt{ margin-bottom:0.25em;}
#side dd{ font-weight:bold; margin-bottom:1em;} #side dd a{ text-decoration:underline;}
#side ul{ list-style-type:none; font-size:108%;}
#side li{ margin-bottom:0.5em;} #side li a{ text-decoration:underline;}

a.btn-report-side{
	color:#FFF; text-align:center; font-size:153.9%; background-color:#63A651; border:1px #DDD solid; padding:1em 2em;
	-webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; border-radius:10px;
}


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

#footer{ background:url(../img/background-flag-purple.png); border-top:1px #CCC solid;}

a#totop{
	display:block; position:fixed; bottom:15px; right:15px; font-size:85%; z-index:200;
	background:#000; text-decoration:none; color:#FFF; padding:15px; text-align:center; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	opacity:.6; -moz-opacity:.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=60)'; -khtml-opacity:.6;
}
a#totop:hover{ text-decoration:none; background:#666;}
@media print{	a#totop{ display:none;}}

#nav-footer{ width:960px; margin:0 auto; padding:30px 0 60px;}
#nav-footer li.layout{ margin:0 2.5em 0 2em; float:left;}
#nav-footer li.layout:first-child{margin-left:0em !important;}
#nav-footer li.layout.end{ margin-right:0 !important;}
#nav-footer li.layout li,
#nav-footer li.layout h1{ margin-bottom:1em; font-weight:bold; font-size:108%;}
#nav-footer li a{ color:#FFF;} #nav-footer li a:hover{ color:#CCC;}
#nav-footer ul.sub li{ margin-bottom:0.5em; font-weight:normal; font-size:93%;}

#global-footer{ width:100%; height:75px; background:url(../img/background-header.jpg) repeat-x; line-height:75px; position:relative;}
#global-footer ul{ list-style-type:none; width:760px; margin:0 auto; background:url(../img/logo140px.png) no-repeat left center; padding-left:200px;}
#global-footer li{ display:inline; margin-right:3em;}
#global-footer li a{ color:#000;} #global-footer li a:hover{ color#999;}
#copyright{ text-align:right; position:absolute; top:0; right:50%; margin-right:-480px; z-index:0;}