@charset "utf-8";

/*------------------------------------------------------------------------------
XXXXXXXXXX - CSS Modules Import
URL: http://
Date: 200X-0X-XX
Copyright (C) XXX. All Rights Reserved.
------------------------------------------------------------------------------*/


/* ----------------------------------------

Redefine

---------------------------------------- */

body {
	line-height: 1.2;
	color: #333;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka;
	background:#FFF1FF;/*うすいピンク */
	/*background-color:#FFF5E1 うすいオレンジ */
	background:#C4E3A9; /* うすい緑 */
	}

a {
	color: #CC6699;
}

a:hover {
	text-decoration: none;
}



/* ----------------------------------------

Redefine - Container

---------------------------------------- */

div#Container {
	width: 950px;
	margin: 0 auto;
	background: url(../img/common/t_bg.png) repeat-y 0 0;
	font-size: 100%;
}

div#Mainvisual {
	width: 890px;
	height: 250px;
	position: relative;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

div#Mainvisual ul li {
	width: 250px;
	height: 50px;
	position: absolute;
	left: 629px;
	top: 189px;
}

div#Mainvisual ul li a {
	display: block;
	height: 100%;
}

/* ----------------------------------------

フォントサイズは子要素に指定する

10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%

---------------------------------------- */

/*  --
WinIE,MacIE4,NN4,Opera7以下は除外
レガシーブラウザを回避してpx指定する場合
-- */

html[xmlns]>/**/body div#Container {
/*	font-size: 13px;*/
}

div#recommmendplan {
	width: 862px;
	min-height: 104px;
	height: auto !importantl;
	height: 104px;
	margin-bottom: 20px;
	border: 4px solid #E0B0A8;
	margin-left: 10px;
	background: url(../img/common/recommed.png) no-repeat 4px 4px;
}

div#recommmendplan h6 {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

div#recommmendplan ul {
	margin-left: 150px;
	padding: 5px 0 0;
}

div#recommmendplan ul li {
	font-size: 93%;
	padding: 5px 0;
}

div#recommmendplan ul li a {
	font-weight: bold;
}

ul#Underbtn {
	width: 870px;
	height: 154px;
	position: relative;
	margin: 20px 0 20px 10px;
	background: url(../img/common/underbtn.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

ul#Underbtn li {
	width: 284px;
	height: 70px;
	position: absolute;
}

ul#Underbtn li.navi01 {
	left: 0;
	top: 0;
}

ul#Underbtn li.navi02 {
left: 294px;
top: 0;
}

ul#Underbtn li.navi03 {
left: 586px;
top: 0px;
}

ul#Underbtn li.navi04 {
left: 0;
top: 85px;
}

ul#Underbtn li.navi05 {
left: 294px;
top: 85px;
}

ul#Underbtn li.navi06 {
left: 587px;
top: 85px;
}

ul#Underbtn li a {
	display: block;
	height: 100%;
}

/* ----------------------------------------

Redefine - Header

---------------------------------------- */

div#Header {
	width: 890px;
	min-height: 375px;
	height: auto !important;
	height: 375px;
	padding-top: 100px;
	background: url(../img/common/head.png) no-repeat 0 0;
	margin-left: 30px;
}

div#Header p#Siteid {
	display: none;
}

div#Header ul#Sitenavi {
	width: 890px;
	position: relative;
}

div#Header ul#Sitenavi li {
	width: 106px;
	height: 83px;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

div#Header ul#Sitenavi li.navi01 {
	width: 52px;
	height: 14px;
	left: 488px;
	top: -20px;
}

div#Header ul#Sitenavi li.navi02 {
	width: 109px;
	height: 14px;
	left: 559px;
	top: -20px;
}

div#Header ul#Sitenavi li.navi03 {
	width: 105px;
	height: 83px;
	left: 674px;
	top: -83px;
}

div#Header ul#Sitenavi li.navi04 {
	width: 102px;
	height: 100px;
	left: 783px;
	top: -100px;
}

div#Header ul#Sitenavi li a {
	display: block;
	height: 100%;
}

div#Header ul#Sitenavi li a:hover {
	background: #F6F1DE;
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
}

div#Header ul#Globalnavi {
	width: 890px;
	height: 44px;
	position: relative;
}

div#Header ul#Globalnavi li {
	position: absolute;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

div#Header ul#Globalnavi li.navi01 {
	width: 96px;
	height: 44px;
	left: 0;
	top: 0;
	background: url(../img/common/glv_navi01.png) no-repeat 0 0;
}


div#Header ul#Globalnavi li.navi01 a:hover {
	background: url(../img/common/glv_navi01_on.png) no-repeat 0 0;
}

div#Header ul#Globalnavi li.navi02 {
	width: 115px;
	height: 44px;
	left: 96px;
	top: 0;
	background: url(../img/common/glv_navi02.png) no-repeat 0 0;
}

div#Header ul#Globalnavi li.navi02 a:hover {
	background: url(../img/common/glv_navi02_on.png) no-repeat 0 0;
}

div#Header ul#Globalnavi li.navi03 {
	width: 126px;
	height: 44px;
	left: 211px;
	top: 0;
	background: url(../img/common/glv_navi03.png) no-repeat 0 0;
}

div#Header ul#Globalnavi li.navi03 a:hover {
	background: url(../img/common/glv_navi03_on.png) no-repeat 0 0;
}

div#Header ul#Globalnavi li.navi04 {
	width: 173px;
	height: 44px;
	left: 337px;
	top: 0;
	background: url(../img/common/glv_navi04.png) no-repeat 0 0;
}

div#Header ul#Globalnavi li.navi04 a:hover {
	background: url(../img/common/glv_navi04_on.png) no-repeat 0 0;
}

div#Header ul#Globalnavi li.navi05 {
	width: 119px;
	height: 44px;
	left: 510px;
	top: 0;
	background: url(../img/common/glv_navi05.png) no-repeat 0 0;
}

div#Header ul#Globalnavi li.navi05 a:hover {
	background: url(../img/common/glv_navi05_on.png) no-repeat 0 0;
}

div#Header ul#Globalnavi li.navi06 {
	width: 136px;
	height: 44px;
	left: 629px;
	top: 0;
	background: url(../img/common/glv_navi06.png) no-repeat 0 0;
}

div#Header ul#Globalnavi li.navi06 a:hover {
	background: url(../img/common/glv_navi06_on.png) no-repeat 0 0;
}

div#Header ul#Globalnavi li.navi07 {
	width: 125px;
	height: 44px;
	left: 765px;
	top: 0;
	background: url(../img/common/glv_navi07.png) no-repeat 0 0;
}

div#Header ul#Globalnavi li.navi07 a:hover {
	background: url(../img/common/glv_navi07_on.png) no-repeat 0 0;
}

div#Header ul#Globalnavi li a {
	display: block;
	height: 100%;
}


div#MainVisual {
/*	width: 890px;
	height: 330px;*/
	width:950px;
	height:272px;
}

#slider {
/*    width: 890px; 
    height: 330px; */
	width:950px;
	height:272px;
	
/*    position: relative;*/ /* important */
	position:relative;
	overflow: hidden; /* important */
	/*margin-top:-80px;*/
	left: 0px; top: -70px;
	


	z-index:1;
}
* html #slider {position:static;margin-top:-70px;  } 
*:first-child+html #slider { position:static;margin-top:-70px; } 

#sliderContent {
/*    width: 890px; */
	width:950px;
/*	margin-top:-80px;*/
/*
    position: absolute;
	top: 0px;
	margin-left: 0;*/
}
* html #sliderContent { /*margin-left:-300px;*/ } 
*:first-child+html #sliderContent {  } 

.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
    
	
	height: auto !important;
	
/*	width: 240px;
	height: 66px;
	
	min-height: 66px;
	*/
	min-height: 44px;
	width:257px;
	height:44px;
	
/*	filter:Alpha(opacity=70); -moz-opacity:0.7; opacity:0.70;*/
	
    background: url(../img/common/rsv.png) no-repeat 0 0;
    color: #fff;
    display: none;
	bottom:20px;
}

.sliderImage span a {
	display: block;
	margin-left:0px;
	padding-left:0;
	font-weight:normal;
	margin-top:14px;
	text-decoration:none;
/*	
	margin-top: 32px;
	padding-left: 12px;
	background: url(../img/common/arrow02.png) no-repeat left center;
	color: #866626;*/
	color:#FFFFFF;
}
.sliderImage span a:hover {
text-decoration:underline;
}

.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 650px;
}
ul { list-style-type: none;}

ul.Topagetop {
	clear: both;
	font-size: 85%;
	padding: 10px 0 10px 805px;
	color: #CC3366;
}

/* ----------------------------------------

Redefine - Contents

---------------------------------------- */

div#Contents {
	width: 890px;
	margin-left: 30px;
	padding-top: 15px;
}

/* -- NOSCRIPT -- */

div#Contents p#Noscript {
	margin-bottom: 15px;
	padding: 0.5em 1em;
	border: 2px solid #DDD;
	color: #333;
}

/* -- TOPIC PATH -- */

div#Contents ol#TopicPath {
}

div#Contents ol#TopicPath li {
	display: inline;
	padding: 0 8px 0 16px;
	background: url(../img/common/img_topicpass_01.png) left center no-repeat;
}

div#Contents ol#TopicPath li#TopPage {
	padding-left: 0;
	background: none;
}



/* ----------------------------------------

Redefine - Footer

---------------------------------------- */

div#Footer {
	width: 949px;
	min-height: 110px;
	height: auto !important;
	height: 110px;
/*	margin-left: 30px;*/
	background: #FFF url(../img/top/footer2011.png) no-repeat 0 0;
}

div#Footer dl {
	width: 545px;
	margin-left: 290px;
	color: #FFF;
	font-size: 93%;
}

div#Footer dt {
	height: 30px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

div#Footer dd {
color:#FFFFFF;
padding-left:10px;
padding-top:10px;
}
* html div#Footer dd { margin-left:-60px;padding-left:0px;} 
*:first-child+html div#Footer dd { margin:0;padding-left:00px;} 

div#Footer address {
	width: 365px;
	height: 12px;
	margin-left: 370px;
	margin-top: 10px;
	margin-bottom: 7px;
	background: url(../img/top/copyright2011.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	color:#FFFFFF;
}

div#Footer ul {
	padding: 5px;
	background: #ECE2EB;
}


div#Footer ul li {
	display: inline;
	padding-left: 20px;
	padding-right: 10px;
	background: url(../img/common/arrow.png) no-repeat left center;
}

div#Footer ul li a {
	min-height: 15px;
	height: auto !important;
	height: 15px;
}

div#Footer div.telnumber {
	width: 949px;
	height: 70px;
	background:#ECE2EB url(../img/top/telnumber.png) no-repeat center;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}


/* ----------------------------------------

Common Class

---------------------------------------- */

.Clear {
	clear: both;
}

.OutlineFix {
	/* Gecko outLinefix & MacIEHack ＼*/
	overflow: hidden;
	/* End */
}


/* ----------------------------------------

ClearFix (基本的にクラス指定では使用しない)

---------------------------------------- */

/* -- Modern Browsers -- */

.ClearFix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

/* -- IE7 -- */

.ClearFix {
	display: inline-block;
}

/*  -- Legacy IE -- */

* html .ClearFix {
	height: 1%;
}

.ClearFix {
	display: block;
}