@charset "utf-8";

/* --------------------
 @Wellness.
 all pages css.
-------------------- */

/* YUI reset css */
@import "reset.css";

/* html5 reset */
hgroup, header, footer, nav, section {	margin: 0; padding: 0; }
hgroup, article, aside, dialog, figure, footer, header, legend, nav, section { display: block; }

/* font setting */
body { font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-size: 93%; color: #333; }

em {
	font-weight: bold;
	font-style: normal;
}

/* スクロールバー表示 */
html {
	overflow-y:scroll; 
}

/* link */
a { color: #2373c1; text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: underline;}
a { outline: none; }

/* .clearfix */

/* モダンブラウザ（Firefox Opera Safari）対策 */
.clearfix:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;}

/* Win版IE7とMac版IE5対策 */
.clearfix{display:inline-block;}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html .clearfix{height:1px;}

.clearfix{display:block;}
/* End hide from IE-mac *


/* 
.clearfix:after { clear: both; content: '.'; display: block; font-size: 0; line-height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; }
 */


/* .penetration */
.penetration a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


/*
 **********div#header**********[
----------------------------------------------------------- */

#header {
	position: relative;
	height: 42px;
	width: 960px;
	margin: 0 auto;
	padding-top: 20px;
}
#logo {
	position: absolute;
	left: 10px;
}
#header h1 {
	position: absolute;
	left: 160px;
	bottom: 17px;
	color: #676767;
	font-size: 75%;
}
/* rtNavi */
#rtNavi {
	position: absolute;
	width: 330px;
	margin: 0 0 0 600px;
	font-size: 80%;
}
#rtNavi li {
	float: left;
	display: inline;
	width: 120px;
	height: 21px;
	margin-right: 30px;
}
#rtNavi li a {
	display: block;
	height: 21px;
	line-height: 21px;
	padding-left: 30px;
}
#rtNavi li a.sitemap {
	background: url("/common/img/share/bg_rtNavi_sitemap.gif") left center no-repeat;
	border-right: 1px dotted #231815;
}
#rtNavi li a.contact {
	background: url("/common/img/share/bg_rtNavi_contact.gif") left center no-repeat;
}

/* sFont */
#sFont {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 78px;
}
#sFont li {
	float: left;
	display: inline;
	width: 21px;
	height: 21px;
	margin-left: 5px;
}
#sFont li a {
	height: 0;
	overflow: hidden;
	display: block;
	padding-top: 21px;
	cursor: pointer;
}

#sFont li a.small { background: url("/common/img/share/bt_sFont.gif") left top;}
#sFont li a.small:hover { background: url("/common/img/share/bt_sFont.gif") left -21px;}
#sFont li a.middle { background: url("/common/img/share/bt_sFont.gif") -21px top;}
#sFont li a.middle:hover { background: url("/common/img/share/bt_sFont.gif") -21px -21px;}
#sFont li a.large { background: url("/common/img/share/bt_sFont.gif") -42px top;}
#sFont li a.large:hover { background: url("/common/img/share/bt_sFont.gif") -42px -21px;}


/*
 **********gNavi**********[
----------------------------------------------------------- */

#gNavi {
	background: url("/common/img/share/bg_gNavi.gif") left top repeat-x;
	height: 42px;
}
ul#menu {
	position: relative;
	width: 960px;
	height: 42px;
	margin: 0 auto;
}
ul#menu li {
	position: relative;
	float: left;
	width: 192px;
	z-index:1; 
}
ul#menu li a {
	display: block;
	height: 0;
	width: 100%;
	overflow: hidden;
	padding-top: 42px;
}

li.home a { background: url("/common/img/share/im_menu.gif") left top no-repeat;}
li.home a:hover, li.home a.active { background: url("/common/img/share/im_menu.gif") left -43px no-repeat;}
li.service a { background: url("/common/img/share/im_menu.gif") -192px top no-repeat;}
li.service a:hover, li.service a.active { background: url("/common/img/share/im_menu.gif") -192px -43px no-repeat;}
li.work a { background: url("/common/img/share/im_menu.gif") -384px top no-repeat;}
li.work a:hover, li.work a.active { background: url("/common/img/share/im_menu.gif") -384px -43px no-repeat;}
li.faq a { background: url("/common/img/share/im_menu.gif") -576px top no-repeat;}
li.faq a:hover, li.faq a.active { background: url("/common/img/share/im_menu.gif") -576px -43px no-repeat;}
li.aboutus a { background: url("/common/img/share/im_menu.gif") -768px top no-repeat;}
li.aboutus a:hover, li.aboutus a.active { background: url("/common/img/share/im_menu.gif") -768px -43px no-repeat;}


/* dropdown */

ul#menu ul {
	position: absolute;
	display: none;
	top: 43px;
	left: 0;
}

ul#menu ul li {
	float: none;
}
ul#menu ul {
	width: 192px;
}
ul#menu ul ul {
	top: 0px;
	left: 192px;
}
ul#menu ul a {
	display: block;
	height: 42px;
	line-height: 42px;
	width: 170px;
	font-size: 90%;
	background: url("/common/img/share/icon/ic_arrow_gray.gif") 5px center no-repeat #afafaf;
	padding: 0 2px 0 20px;
	color: #fff;
	border-bottom: 1px solid #bfbfbf;
	overflow: visible;
	opacity:0.95; -moz-opacity: 0.95;	/* droppy ie8対策のためfilterは除く */
	zoom: 1;
	display:inline-block;	/* ie6,7対策 */
}



ul#menu ul a:hover {
	background: url("/common/img/share/icon/ic_arrow_white.gif") 5px center no-repeat #6f6f6f;
	font-weight: bold;
	color: #fff;
}


/*
 **********layout**********[ basic layout
----------------------------------------------------------- */

#wrapper {
	background: url("/common/img/share/bg_wrapper.gif") left top repeat-x;
}
#contents {
	width: 960px;
	margin: 0 auto 30px;
	padding-top: 40px;
}
#primary {
	width: 660px;
	float: right;
	overflow: hidden;
}
#secondary {
	width: 265px;
	float: left;
}


/*
 **********topicPath**********[
----------------------------------------------------------- */

#topicPath {
	width: 960px;
	margin: 0 auto 0;
	padding-top: 15px;
	font-size: 85%;
}
#topicPath ul li {
	display: inline;
	line-height:110%;
}
#topicPath ul li a {
	padding-right: 10px;
	background: url("/common/img/share/icon/ic_arrow_topicPath.gif") right center no-repeat;
}


/*
 **********headline**********[
----------------------------------------------------------- */

#primary h2 {
	margin-bottom: 20px;
}

#primary h3 {
	height: 36px;
	line-height: 33px;
	overflow: hidden;
	margin: 30px 0;
	padding-left: 25px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #fff;
}
h3.pink { background: url("/common/img/share/headline/h3_pink.gif") left top no-repeat;}
h3.green { background: url("/common/img/share/headline/h3_green.gif") left top no-repeat;}
h3.blue { background: url("/common/img/share/headline/h3_blue.gif") left top no-repeat;}

#primary h4 {
	font-weight: bold;
	padding: 0 0 10px 10px;
	margin: 30px 0 ;
}
h4.pink { border-bottom: 2px solid #f54397;}
h4.blue { border-bottom: 2px solid #1090ba;}

/*
 **********div#footert**********[
----------------------------------------------------------- */

#footer {
	border-top: 1px solid #969696;
	border-bottom: 1px solid #969696;
	padding: 15px 0;
	background: url("/common/img/share/bg_footer.gif") left bottom repeat-x;
	width: 100%;	/* ie6対策 */
	z-index: 100;	/* pageTop太陽 */
}
#footer_contents {
	position: relative;
	width: 960px;
	margin: 0 auto;
	background: url("/common/img/share/bg_footer_contents.gif") left top repeat-y;
}
#footer_contents div.box {
	width: 220px;
	padding: 0 10px;
	float: left;
	font-size: 90%;
	text-shadow: 1px 1px 0 #fff;
}
.arrow_green { background: url("/common/img/share/icon/ic_arrow_green.gif") left center no-repeat;}
.arrow_blue { background: url("/common/img/share/icon/ic_arrow_blue.gif") left center no-repeat;}
.arrow_pink { background: url("/common/img/share/icon/ic_arrow_pink.gif") left center no-repeat;}
.arrow_gray { background: url("/common/img/share/icon/ic_arrow_gray.gif") left center no-repeat;}
.arrow_double { background: url("/common/img/share/icon/ic_arrow_double.gif") 2px center no-repeat; padding-left: 16px;}
.arrow_single { background: url("/common/img/share/icon/ic_arrow_single.gif") 18px 6px no-repeat; padding-left: 32px;}

#footer_contents div.box1 li, #footer_contents div dt {
	margin: 0 0 10px 0;
	padding-left: 16px;
}
#footer_contents div.box2 li {
	margin-bottom: 15px;
}
#footer_contents div.box2 li li {
	margin: 2px 0;
}
#footer_contents div.box3 li,
#footer_contents div.box4 li {
	margin: 5px 0 0;
}

#footer_contents div.box3 p {
	margin: 15px 0 0 0;
	padding-left: 16px;
}
#footer_contents div.box4 dl.address dt {
	font-weight: bold;
	font-size: 100%;
	text-shadow: 1px 1px 0 #fff;
	margin-top: 20px;
	padding: 0 0 10px 0;
	background: url("/common/img/share/bg_address.gif") left bottom repeat-x;
}


/*
 **********div#footert_navi**********[
----------------------------------------------------------- */

#footer_navi {
	width: 960px;
	margin: 7px auto 0;
}
#footer_navi li {
	display: inline;
	font-size: 80%;
	color: #2373c1;
}
#footer_navi p {
	margin: 10px 0 35px 0;
	text-align: right;
	font-size: 75%;
}
#footer_navi p span {
	color: #e50012;
}

/*
 **********pageTop**********[
----------------------------------------------------------- */

/* 

#footer .pageTop {
	position: absolute;
	right: 0;
	top: -38px;
}
.pageTop a {
	height: 0;
	width: 85px;
	display: block;
	overflow: hidden;
	padding-top: 22px;
	background: url("/common/img/share/bt_pageTop.gif") left top no-repeat;
}
.pageTop a:hover {
	background: url("/common/img/share/bt_pageTop.gif") left -22px no-repeat;
}

 */

#wrapper .page-back {
	position: fixed;
	bottom: 20px;
	right: 10px;
	margin: 0;
	padding: 0;
	z-index: 1000;
	width: 85px;
	height: 76px;
}

#wrapper .page-back a {
	display: block;
	height: 0;
	padding-top: 76px;
	overflow: hidden;
	background: url("/common/img/share/bt_work_pageTop.png") left -76px no-repeat;
}
#wrapper .page-back a:hover { background: url("/common/img/share/bt_work_pageTop.png") left top no-repeat;}
* html #wrapper .page-back a { background: url("/common/img/share/bt_work_pageTop.gif") left -76px no-repeat;}
* html #wrapper .page-back a:hover { background: url("/common/img/share/bt_work_pageTop.gif") left top no-repeat;}