@charset "utf-8";
@import "css/index.css";
@import "css/ie.css";
@import "css/general.css";
@import "css/contents.css";
/**
  * Title:         CSS - style.css
  * Author:        MEG.inc
  * Version:       1.0
  * Copyright:     Copyright © 2010  Dentsu Public Relations inc. All rights reserved.
  *
  * ====================================================================
  * 1.  Reset         
  * 2.  Body
  * 3.  Layout
  * 4.  Header
  * 5.  Navigation
  * 6.  Sidebar
  * 7.  Footer
  * ====================================================================
  */

/* 1 Reset
-------------------------------------------------------- */              
* {
    font-family:inherit;
    font-style:inherit;
	font-size:100%;
    padding:0;
    margin:0;
}
table { 
	border-collapse:collapse; 
	border-spacing:0; 
}
a img { border:none;}
a, a:link, a:visited, a:hover, a:active {
	outline:0;
	text-decoration:none;
}
address,caption,cite,code,dfn,em,th,var { 
	font-style:normal; 
	font-weight:normal; 
}
ol,ul {list-style-type:none;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
fieldset { border:none;}
blockquote,q{ quotes:none;} 
blockquote:before,blockquote:after,
q:before,q:after { content:'';}
abbr,acronym { border:0;}

/* FORMS */
* html legend {margin-left: -7px; color:#646464;} /* IE6 */
*+html legend {margin-left: -7px; color:#646464;} /* IE7 */
textarea, input[type='text'],
input[type='password'], select { border: 1px solid #ccc;}
select,label { cursor: pointer; }

ul p, ol p, dl p, table p,
ul ul, ol ul, dl ul, table ul,
ul ol, ol ol, dl ol, table ol,
ul dl, ol dl, dl dl, table dl,
ul table, ol table, dl table, table table {
  font-size: 1em;
}

/* 2.Body
-------------------------------------------------------- */
html {background: #FFF;}
body {
	width:100%;
	height: 100%;
	background-color:#FFF;
	color:#4B4B4B;
	font:13px/1.47 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
}

/* LINKS*/
a:link {color:#648BAA;}
a:visited {color:#323296;}
a:hover,
a:focus {color:#EB0000;}
a { /* Firefox */
	/*\*/
	overflow:hidden;
	/**/
}

/* 3.Layout
-------------------------------------------------------- */
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#wrap {width:100%;}
#headerWrapper {
	width:100%;
	height:86px;
	background:url(images/bg_header.jpg) repeat-x;
}
#header {
	width:960px;
	margin:0 auto;
	padding-top:17px;
	clear:both;
}
#gNavWrapper {
	width:100%;
	height:54px;
	clear:both;
	background: url(images/bg_gnav_top.jpg) repeat-x;
}
#mainContents {
	width:960px;
	margin:0 auto;
	clear:both;
/*	overflow:auto*/
	padding-bottom: 100px;
}
#contents {
	width:611px;
	float:left;
}
#sidebar {
	width:320px;
	float:right;
	margin-bottom:30px;
}
#footerWrapper {
	width:100%;
	clear:both;
	background:#464646;
	border-top:1px solid #B4B4B4;
	position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
}
#footer {
	width:960px;
	clear:both;
	background:#464646;
	color:#D2D2D2;
	text-align:left;
	margin:0 auto;
	padding-top:12px;
}

/* 4.Header
-------------------------------------------------------- */
#header h1,
#header div.logo {
	float:left;
	width:414px;
	padding:9px 0 0 0;
}
#header div.headerRight {
	width:416px;
	height:69px;
	float:right;
	margin:0;
	padding:0;
	color:#C8C8C8;
	font-size:0.85em;
}
/* sNav */
div.sNav {
	width:416px;
	height:16px;
	clear:both;
}
*:first-child+html div.sNav { margin-bottom:14px;}
div.sNav .menu {
	width:270px;
	height:1.0em;
	float:left;
}
div.sNav .menu li {
	display:inline;
	height:16px;
	margin-right:12px;
}
div.sNav .menu li a {color:#C8C8C8;}
div.sNav .menu li a:visited {color:#C8C8C8;}
div.sNav .menu li a:hover,
div.sNav .menu li a:focus {color:#EB0000;}

/* txtSizeChange */
dl#swapcss {
	width:146px;
	height:16px;
	float:right;
}
dl#swapcss dt,
dl#swapcss dd {display: inline;}
dl#swapcss dt {padding-right:4px;}
dl#swapcss dd {
	width:16px;
	height:16px;
	margin:0 0 0 4px;
	padding:2px 3px 4px 3px;
	font-size:0.93em;
	line-height:1.0;
	font-family: /*"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",,*/"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	color:#FFF;
	background:url(images/bg_fontchange_off.jpg) no-repeat left top ;
}
* html body dl#swapcss dd {
	padding:3px 3px 3.4px 3px;
}
*:first-child+html dl#swapcss dd {
	padding:3.4px 3px 3.4px 3px;
/*	padding:3px;*/
}

dl#swapcss dd:hover,
dl#swapcss dd.here {
	background:url(images/bg_fontchange_on.jpg) no-repeat left top ;
}
/* googleSearch */
#googleSearch {
	width:204px;
	height:20px;
	margin-top:14px;
	float:right;
}
#googleSearch input {
	font-family:"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	vertical-align:middle;
	font-size:0.93em;
}
#googleSearch input.google {
	width:160px;
	height:1.6;
	font-size:1.16em;
	color:#4B4B4B;
	padding:2px;
}

/* googleSearch 結果 */
#search {
	width:960px;
	margin:0 auto;
	clear:both;
}

/* 5.Navigation
-------------------------------------------------------- */
ul#topnav {
	width:962px;
	margin:0 auto;
	clear:both;
}
ul#topnav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index:1000;
}
ul#topnav li a {
	width:240px;
/*	height: 54px;*/
	float: left; 
}
ul#topnav li#gnavLast a {width:242px;}
ul#topnav li .sub {
	position: absolute;	
	top: 54px;
	left: 0;
	float: left;
	display: none;
	background:#464646;
	/*--Bottom right rounded corner--
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;*/
	/*--Bottom left rounded corner--
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;*/
}
ul#topnav li .sub ul {
	margin: 0;
	padding: 0;
	width: 240px;
	float: left;
}
ul#topnav .sub ul li {
	width:100%;
/*	height:26px;*/
	line-height:1.6;
}
ul#topnav .sub .last li,
ul#topnav .sub .last li a {
	width:242px;
}
ul#topnav li .row {clear: both; float: left; width: 100%;}

ul#topnav .sub ul li.line,
ul#topnav .sub ul li.lineTop {
	background:url(images/footer_line.jpg) repeat-x left bottom;
}
ul#topnav .sub ul li h2 a,
ul#topnav .sub ul li a {
	width:225px;
/*	height:20px;*/
	display:block;
 	background:url(images/bg_mega_off.jpg) no-repeat left top;
	color:#D1D1D1;
	font-size:0.93em;
}
/* SERVICE MENU LEFT */
ul#topnav li .sub ul.long { width:295px;}
ul#topnav .sub ul.long li h2 a,
ul#topnav .sub ul.long li a {width:295px;} 
* html ul#topnav .sub ul.long li h2 a,
* html ul#topnav .sub ul.long li a { width:280px;} /* IE6 */
ul#topnav .sub ul li.lineTop a {padding:5px 0 4px 15px;}

ul#topnav .sub ul li a {padding:5px 0 4px 15px;} /* IE7 */  
ul#topnav .sub ul li.line a {padding:5px 0 4px 15px;}
head~/* */body ul#topnav .sub ul li a {padding:5px 0 4px 15px;} /* IE8 */ 
head~/* */body ul#topnav .sub ul li.line a  {padding:5px 0 4px 15px;} 
html:not(:target) ul#topnav .sub ul li a {padding:4px 0 4px 15px;} /* modanburauza */  
html:not(:target) ul#topnav .sub ul li.line a  {padding:4px 0 4px 15px;}   

ul#topnav .sub ul li h2 a:visited,
ul#topnav .sub ul li a:visited {color:#D1D1D1;}

ul#topnav .sub ul li h2 a:hover,
ul#topnav .sub ul li h2 a:focus,
ul#topnav .sub ul li a:hover,
ul#topnav .sub ul li a:focus {
	display:block;
	color:#EB0000;
 	background:url(images/bg_mega_on.jpg) no-repeat left top;
}


/* 6.Sidebar
-------------------------------------------------------- */
#sidebar h2 {
	width:320px;
	height:20px;
	clear:both;
	padding:14px 0;
	background:url(images/bg_category_title.jpg) no-repeat;
	text-align:center;
	font-size:1.23em;
	color:#FFF;
}

/* 7.Footer
-------------------------------------------------------- */
#footer ul li {
	display:inline;
	letter-spacing:3.0;
	line-height:normal; /* IE */
}
#footer ul.footerHead {
	font-weight:bold;
	font-size:0.93em;
	padding-bottom:8px;
	line-height:0; /* IE */
}
#footer ul.footerHead li {
	background:url(images/arrow_02.jpg) no-repeat left 50%;
	padding-left:9px;
	margin-right:28px;
}	
#footer ul.footerMenu {
	background:url(images/footer_line.jpg) repeat-x bottom left;
	padding-bottom:8px;
	font-size:0.85em;
}
#footer ul.footerMenu li {
	background:url(images/fotter_menu_line.jpg) no-repeat right;
	padding:0 15px;
}
#footer ul.footerMenu li.listFast { padding-left:0;!important}
#footer ul.footerMenu li.listLast { background:none;!important}

#footer address {
	padding:9px 0 9px 0;
	font-size:0.77em;
	letter-spacing:3.0;
}
#footer a:link {color:#D2D2D2;}
#footer a:visited {color:#D2D2D2;}
#footer a:hover,
#footer a:focus {color:#EB0000;}