@charset "UTF-8";
/*==== [ common id and class ] ====================================================================*/
html{ height:100%; }
body {
	background:url('../img/index_bg.gif') top left repeat;
	background-color:#000000;
	margin:0; padding:0;
	height:100%;
	font-family: 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka, Osaka-等幅, sans-serif;
}

/* ==[ font Basic ]== */
.text11, .text12, .text13, .text14, .text15{
	color: #666666;
}
.prefont { font-family: 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka, Osaka-等幅, sans-serif; }

.text11   {	font-size: 11px; line-height:130%; }
.text12   {	font-size: 12px; line-height:130%; }
.text13   {	font-size: 13px; line-height:130%; }
.text14   {	font-size: 14px; line-height:130%; }
.text15   {	font-size: 15px; line-height:130%; }


/* ==[ common Basic reset ]== */
p, ul, li { margin:0px; padding:0px; }
h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; font-weight:normal; }
.clear { clear:both; }
.left { text-align:left; }
.right{ text-align:right; }
.center { text-align:center; }
.valSuper { vertical-align:super; font-size:smaller; }
.valBtm { vertical-align:bottom; }
.nowrap { white-space:nowrap; }
.pre { white-space:pre; }

a { text-decoration:none; }
img { border:none; }





#container {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}
#header {
	background-color:#000000;
	height:20px;
}

#header h1 {
font-size:12px;
color:#999;
text-align:left;
padding-left:8px;
}

#header_flash {
	background:url('../img/top_bg.jpg') top left no-repeat;
	padding: 0;
	margin:0;
}

#main_flash{
height:515px;
background:url('../img/index_flash_bg.jpg') top left no-repeat;
}

#menu{
height:40px;
background:url('../img/menu_index.jpg') top left no-repeat;
}

#mainContent {
	padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background:url('../img/index/body_bg.jpg') top center repeat;
	height:100%;
}


/* start_left++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++● */
* html #mainContent #left{
float:left;
width:425px;
margin:20px 0 0 14px;
padding:0;
}

#mainContent #left{
	float:left;
	width:425px;
	margin:30px 0 30px 30px;
	padding:0;
}

#mainContent #left #message.transparent{
	background:url('../img/index/message_bg.png') top left no-repeat;
	width:422px;
	height:750px;
	text-align:center;
}

#mainContent #left #message.transparent p{
line-height:19px;
}

#mainContent #left #message.transparent strong{
font-size:15px;
line-height:22px;
}

#mainContent #left #message h2.transparent{
	display:block;
	width:400px;
	height:100px;
	background:url('../img/index/message.png') top left no-repeat;
	text-indent:-8000px;
	margin:0 0 0 10px;
	}

#mainContent #left #message p{
	padding-left:24px;
	width:375px;
	color:#cccccc;
	line-height:16px;
	}





#mainContent #left #column h2.transparent{
	display:block;
	width:420px;
	height:35px;
	margin:20px 0 5px 0;
	background:url('../img/index/column.png') top left no-repeat;
	text-indent:-8000px;
	}

#mainContent #left #column dl.body_menu {
	padding:0 12px 0 5px;
	height:150px;
	margin:0 15px 0 0;
	font-size:12px;
	overflow:auto;
}

#mainContent #left #column dl.body_menu dt {
	float: right;
	margin-left: 10px;
	padding: 5px 0;
	text-align: right;
	color:#CCCCCC;
}
#mainContent #left #column dl.body_menu dd {
	padding: 5px 120px 5px 0;
	border-bottom: 1px dotted #999;
	padding-left: 12px;
	background: url(../img/mark.gif) no-repeat 2px .9em;
	margin:0;
}
#mainContent #left #column dl.body_menu dt a {
	color: #0000CC;
	text-decoration: none;
}
#mainContent #left #column dl.body_menu dt a:hover {
	color:#66CCFF;
	text-decoration:underline;
}
#mainContent #left #column dl.body_menu dd a {
	color: #FFFFFF;
	text-decoration: none;
}
#mainContent #left #column dl.body_menu dd a:hover {
	color:#66CCFF;
	text-decoration:underline;
}

/* トップページ スタッフブログ add by Tomita */
#mainContent #left #column .table_staff_blog {
    padding:0px 0px 0px 5px;
    font-size:12px;
}
#mainContent #left #column .table_staff_blog .td1 {
    width:325px;
    padding:5px 0px;
	border-bottom: 1px dotted #999;
}
#mainContent #left #column .table_staff_blog a {
    color:#ffffff;
}
#mainContent #left #column .table_staff_blog a:hover {
    color:#66ccff;
}
#mainContent #left #column .table_staff_blog .td2 {
    width:68px;
    padding:5px 0px;
	border-bottom: 1px dotted #999;
    color:#cccccc;
    text-align:right;
}
/* トップページ スタッフブログ ここまで */


#mainContent #left #info h2.transparent{
	display:block;
	width:420px;
	height:35px;
	margin:20px 0 5px 0;
	background:url('../img/index/info.png') top left no-repeat;
	text-indent:-8000px;
	}

dl.body_menu {
	padding:0 12px 0 5px;
	height:150px;
	margin:0 15px 0 0;
	font-size:12px;
	overflow:auto;
}

dl.body_menu dt {
	float: right;
	margin-left: 10px;
	padding: 5px 0;
	text-align: right;
	color:#CCCCCC;
}
dl.body_menu dd {
	padding: 5px 120px 5px 0;
	border-bottom: 1px dotted #999;
	padding-left: 12px;
	background: url(../img/mark.gif) no-repeat 2px .9em;
	margin:0;
}
dl.body_menu dt a {
	color: #0000CC;
	text-decoration: none;
}
dl.body_menu dt a:hover {
	color:#66CCFF;
	text-decoration:underline;
}
dl.body_menu dd a {
	color: #FFFFFF;
	text-decoration: none;
}
dl.body_menu dd a:hover {
	color:#66CCFF;
	text-decoration:underline;
}



/* end_left-------------------------------------------------------------○ */


/* start_right++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++● */
#mainContent #right{
float:left;
width:445px;
height:1080px;
margin:30px 0 0 20px;
padding:0;
}



#mainContent #right #variation p{
	margin-left:11px;
	line-height:16px;
	padding-top:5px;
	color:#CCCCCC;
	}
#mainContent #right #variation p.link{
	padding:3px 8px 0 0;
	text-align:right;
	}
#mainContent #right #variation a{
	color: #a38d43;
	text-decoration:underline;
}
#mainContent #right #variation a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

#mainContent #right #variation h2 a.transparent{
	display:block;
	width:444px;
	height:100px;
	background:url('../img/index/variation.png') top left no-repeat;
	text-indent:-8000px;
	margin:0;
	}

#mainContent #right #variation #block1{
	display:block;
	margin-top:0px;
	}
#mainContent #right #variation #block1 h3 a.transparent{
	display:block;
	width:444px;
	height:35px;
	background:url('../img/index/maria.png') top left no-repeat;
	text-indent:-8000px;
	margin:0;
	}
#mainContent #right #variation #block2{
	display:block;
	margin-top:30px;
	}
#mainContent #right #variation #block2 h3.transparent{
	display:block;
	width:444px;
	height:35px;
	background:url('../img/index/alice.png') top left no-repeat;
	text-indent:-8000px;
	margin:0;
	}
#mainContent #right #variation #block3{
	display:block;
	margin-top:30px;
	}
#mainContent #right #variation #block3 h3 a.transparent{
	display:block;
	width:444px;
	height:35px;
	background:url('../img/index/samantha.png') top left no-repeat;
	text-indent:-8000px;
	margin:0;
	}
#mainContent #right #variation #block4{
	display:block;
	margin-top:30px;
	}
#mainContent #right #variation #block4 h3 a.transparent{
	display:block;
	width:444px;
	height:35px;
	background:url('../img/index/vicky.png') top left no-repeat;
	text-indent:-8000px;
	margin:0;
	}
#mainContent #right #variation #block5{
	display:block;
	margin-top:30px;
	}
#mainContent #right #variation #block5 h3.transparent{
	display:block;
	width:444px;
	height:35px;
	background:url('../img/index/marine.png') top left no-repeat;
	text-indent:-8000px;
	margin:0;
	}
#mainContent #right #variation #block6{
	display:block;
	margin-top:30px;
	}
#mainContent #right #variation #block6 h3.transparent{
	display:block;
	width:444px;
	height:35px;
	background:url('../img/index/hana.png') top left no-repeat;
	text-indent:-8000px;
	margin:0;
	}
#mainContent #right #variation #block7{
	display:block;
	margin-top:30px;
	}
#mainContent #right #variation #block7 h3.transparent{
	display:block;
	width:444px;
	height:35px;
	background:url('../img/index/special_order.png') top left no-repeat;
	text-indent:-8000px;
	margin:0;
	}

#mainContent #right #variation img{
float:left;
margin:5px 15px 0 13px;
}

/* end_right-------------------------------------------------------------○ */







#footer {
	padding: 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#DDDDDD;
}
#footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}


div#mainContent p{
color:#FFFFFF;
font-size:13px;
}







div#footerWrap h2{
	display:block;
	margin:20px 0 0px 12px;
	width:186px;
	height:16px;
	background:url('../img/h1_title.jpg') top left no-repeat;
	float:left;
	text-indent:-8000px;
}




#footerWrap {
/* background:url('../img/bottom_bg1.jpg') repeat-x bottom; */
		}
		
#footerGlobal {
	margin:0 auto;
	position:relative;
	padding:0;
	background:url('../img/footer/siteId1hed.gif') repeat-x;
}

#footerGlobal .siteLinks {
	width:930px;
	margin:0 auto;
	padding-left:20px;
	_padding-left:20px;
}


#noImageElement {
	display:none !important;
}




#footerGlobal .siteLinks dl {
	width:208px;
	float:left;
	margin:0 10px 15px 10px;
}

#footerGlobal .siteLinks dt {
	display:block;
	padding:0 4px 4px 0;
	margin:15px 0 5px 5px;
	font:12px;
	border-bottom:1px solid #999;
	color:#ccc;
	font-size:14px;
}

#footerGlobal .siteLinks dd {
	width:200px;
	height:26px;
	float:left;
	margin:0 0 0 5px;
	background:url('../img/footer/dot3.gif') bottom left repeat-x;
}


#footerGlobal .siteLinks dd.last {
	background:transparent;
}


#footerGlobal .siteLinks dd a {
	display:block;
	font-size:12px;
	padding:5px 0 8px 5px;
}

* html #footerGlobal .siteLinks dd a {
	display:block;
	font-size:12px;
	padding:8px 0 8px 5px;
}

#footerGlobal .siteLinks dd a:hover {
	display:block;
	padding-left:22px;
	background:url('../img/footer_link_bg.gif') top right no-repeat;
}






#footerGlobal .copyrightWrap {
	width:100%;
	height:30px;
	margin:0 auto;
	background:url('../img/footer/siteId1hedB.gif') repeat-x;
	border-top:1px solid #404040;
	z-index: 0;
	*z-index: -1;
}

#footerGlobal .footerPost {
	color: #CCCCCC;
	font-size:11px;
	height: 28px;
	padding-top:2px;
	_padding-left:20px;
	_padding-bottom:0px;
}

#footerGlobal .copyrightWrap li {
	background:url('../img/footer/brandNavPipe.gif') no-repeat 100% 50%;
	float:left;
	height:17px;
	padding:3px 7px 0px 10px;
	list-style-type:none;
	}

#footerGlobal .copyrightWrap li.first {
	padding-left:28px;
	padding-right:0;
	background:url('../img/footer/rblogoFooter.gif') 0 0 no-repeat;
}
#footerGlobal .copyrightWrap li.last {
	margin-right:1px;
}


#footerGlobal .footerPost li.first, #footerGlobal  .footerPost li.last {
	background: transparent;
}
#footerGlobal a,  #footerGlobal a:link,  #footerGlobal a:visited {
	color:#ccc;
}
#footerGlobal a:hover,  #footerGlobal a:active {
	color:#fff;
}