@charset "utf-8";
/* CSS Document */


/*
	filename: /css/index/style.css
	create: 2010.04.23
	copyright: Copyright (c) SCAPES Co., Ltd. All rights reserved. 
*/

/* ========== ========== ==========

 :: index ::
 
 A. [Core Modules]
  1. body
  2. Basic Ancher Setting
  3. Main Area
  4. title  
  5. Font  
 
 B. Combination Modules
 
 
 
  
========== ========== ========== */


/* A. Core Modules
---------- ---------- ---------- ---------- */

/* 1. Heading
---------- ---------- ---------- */

body {
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #e8e8e8;
	font-size: 12px;
	color: #666666;
	font-family:"MS ゴシック","ＭＳ Ｐゴシック",Tahoma,"ヒラギノ角ゴ ProW4",HiraMaruPro-W4,Hiragino Maru Gothic Pro W4 , Hiragino Maru GothicPro; 


}

/* 2. Basic Ancher Setting
---------- ---------- ---------- ---------- */
a {
	color				:#000000;
	text-decoration		:underline;
	}
a:visited {
	color				:#000000;
	text-decoration		:underline;
	}
a:hover {
	color				:#5a5a5a;
	text-decoration		:underline;
	}
a:active {
	color				:#5a5a5a;
	text-decoration		:underline;
	}

a.white {
	color				:#ffffff;
	text-decoration		:none;
	}
a:visited.white {
	color				:#ffffff;
	text-decoration		:none;
	}
a:hover.white {
	color				:#5a5a5a;
	text-decoration		:underline;
	}
a:active.white {
	color				:#5a5a5a;
	text-decoration		:underline;
	}

a.top:link { color:#5a5a5a; text-decoration:none; }
a.top:visited { color:#5a5a5a; text-decoration:none; }
a.top:hover { color:#5a5a5a; text-decoration:underline; }
a.top:active { color:#ffffff; text-decoration:underline; }


/* 3. Main Area
---------- ---------- ---------- ---------- */
div#ContentsArea {
	width:851px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

div#ContentsArea div#MainContents {
	width: 482px;
	margin: 0;
	padding: 10px 20px 0 0;
	float: left;

}

div#ContentsArea div#ExtraContents {
	width: 339px;
	margin: 0;
	padding: 0;
	float: right;
}


#main  {
	margin-left: auto;
	margin-right: auto;
	background-repeat: repeat-y;
	background-color: #e8e8e8;
	width: 920px;
}

.navi1{
	margin-left:20px;
	margin-top:17px;
	margin-bottom:2px;
	font-size:11px;
	color:#ffffff;
}

.dotline{
	margin:0; 
	padding:0;
}

#contents{
	margin-left: 24px;
	font-size: 11px;
	line-height: 18px;
	color: #666666;
}


/* 4. title
---------- ---------- ---------- ---------- */

h1{
font-family: palatino, georgia, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", verdana, arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #666666;
margin: 0px;
padding: 0px;
}

h2{
font-family: palatino, georgia, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", verdana, arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #666666;
margin: 0px;
padding: 0px;
}

h3{
font-family: palatino, georgia, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666666;
margin: 0px;
padding: 0px;
}

h4{
font-family: Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka",sans-serif;
font-size: 11px;
color: #666666;
margin: 0px;
padding: 0px;
}

h5{
font-family: Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka",sans-serif;
font-size: 11px;
color: #666666;
margin: 0px;
padding: 0px;
}

h6{
font-family: Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka",sans-serif;
font-size: 11px;
color: #666666;
margin: 0px;
padding: 0px;
}

/* 5. Font
---------- ---------- ---------- ---------- */
.photo-fontM{
	font-size: 12px;
	line-height: 16px;
	color: #666666;
}
.photo-fontS {
	font-size: 10px;
	line-height: 14px;
}

.textcaps1{
	font-size: 12px;
	color: #666666;
	margin-left:20px;
	width: 360px;
	margin-bottom: 15px;
	line-height: 15px;

}


.fontM {
	font-size: 11px;
	line-height: 18px;
	color: #666666;
}



.fontL {

	font-size: 12px;
	line-height: 20px;
	color: #666666;
}

.font2L {

	font-size: 14px;
	line-height: 18px;
	color: #666666;
}

.font_text_blue{
	color:#0000FF;
}

.font_text_red{
	color:#FF0000;
}

.fair_text_s {
	font-size: 11px;
	line-height: 18px;
	color: #333333;
}

.fair_text_s_blue {
	font-size: 11px;
	line-height: 18px;
	color:#0000FF;
}

.fair_text_s_red {
	font-size: 11px;
	line-height: 18px;
	color:#FF0000;
}

.special{
	font-size: 11px;
	line-height: 18px;
	color: #666666;
}

.special2{
	font-size: 11px;
	line-height: 18px;
	color:#333333;
}


/* 6．toppage topics
---------- ---------- ---------- ---------- */

ul#topics{
 	font-size:11px; 
	margin:0; 
	list-style-type:none; 
	background:url(img/dotline.gif) left top repeat-x; 
	padding:0;
}
#topics li{
    background:url(img/dotline.gif) left bottom repeat-x; 
	margin-left:0; 
	padding:4px 0;
}
#topics li a{
    padding-left:10px;
	display:block;
}
#topics li.topics_end{
    background:url(img/grayline.gif) center bottom repeat-x; 
	margin-left:0; 
	padding:2px 0 4px 0;
	margin-bottom:6px;
}

/* 7. padding
---------- ---------- ---------- ---------- */

.padding_left24{
	margin-left: 24px;
}
.padding_btm24{
	margin-bottom: 24px;
}


/* 8. wddingmenu
---------- ---------- ---------- ---------- */
.font_menuname{
	font-size: 80%;
	line-height: 170%;
	color: #666666;
	margin-left: 17px;
	height: 219px;
	font-weight: 700;
}
.font_menuname_t{
	font-size: 80%;
	line-height: 170%;
	color: #666666;
	margin-left: 15px;
	height: 245px;
	font-weight: 700;
}
.font_menuname_t2{
	font-size: 65%;
	line-height: 160%;
	color: #666666;
	margin-left: 45px;
	font-weight: 700;
	margin-top: 10px;
	height: 25px;
}
#msg{
	padding-right: 10px;
}
#mainimg{
	border: 1px solid #CCCCCC;
	}
.thumb{
	float: left;
	border: 1px solid #CCCCCC;
	margin-right: 10px;
}
.thumb_t{
	border: 1px solid #CCCCCC;
	margin-left: 10px;
		margin-bottom: 10px;
	float: left;
}
.thumb_t2{
	border: 1px solid #CCCCCC;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
}
.thumb2{
	float: left;
	border: 1px solid #CCCCCC;	
	margin-right: 11px;
}
.thumb3{
	float: left;
	border: 1px solid #CCCCCC;	
}
.txt{
	margin-left: 17px;
	margin-bottom: 48px;
	}
.txt_t{
	margin-left: 15px;
	margin-bottom: 10px;
	}	
	
.txt_t2{
	margin-left: 10px;
	margin-bottom: 0px;
	margin-top: 30px;
	}	
		
/* 9. story
---------- ---------- ---------- ---------- */
.storybox{
	margin-left: 23px;
	margin-top: 20px;
	width: 800px;
}
.storybox .readtxt{
	font-size: 80%;
	line-height: 160%;
	font-weight: 700;
}
.allow{
	clear: left;
	margin-top: 10px;
	float: left;
	margin-left: 149px;
}
.imgbox{
	margin-top: 10px;
	float: left;
	margin-left: 50px;
}
.imgbox .img{
	padding: 2px;
	border: 1px solid #CCCCCC;
	float: left;
	clear:both;	
}
	
.storybox .catch{
	margin-left: 343px;
	font-size: 95%;
	font-weight: 600;

}
		
.storybox .maintxt{
	margin-left: 363px;
	margin-top: 70px;
	width: 300px;
	font-size: 75%;
	letter-spacing: 0.1em;
	line-height: 180%;
}

.storybox .maintxt2{
	margin-left: 363px;
	margin-top: 190px;
	width: 300px;
	font-size: 75%;
	letter-spacing: 0.1em;
	line-height: 180%;
}

.gototop{
	color: #666666;
	font-size: 10px;
	padding-right: 50px;
}
	
.marker_orange {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 11px;
	color: #FF9933;
}
.marker_orange_link {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 11px;
	color: #FF9933;
	text-decoration: underline;
}


/* B. Combination Modules
---------- ---------- ---------- ---------- */

div#ContentsArea div#ExtraContents dl.Section2 {
	background-color: #f0f0e4;
	padding: 0 0 10px 0;

}

div#ContentsArea div#ExtraContents dl.Section2 img{
	border-style: none;
	margin: 0 0 -6px 0;
}

div#ContentsArea div#ExtraContents dl.Section3 img{
	border-style: none;
}

/* Seccion
---------- ---------- ---------- ---------- */
p.Button {
	margin: 0;
}

div.Section {
	padding-bottom: 30px;
}

div.FeatureBox {
	width: 658px;
	border: 1px solid #CCCCCC;
	background-color: #efeee9;
}

div.FeatureBox div.FeatureBoxInner {
	width: 656px;
	padding: 0 -1px -1px -1px;
	padding-bottom: 20px;
	background-color: #efeee9;
	border: 1px solid #ffffff;
}

div.FeatureBox div.FeatureBoxInner h3 img {
margin: 0 0 -10px 0;
padding: 0;
}

div.FeatureBox div.FeatureBoxInner div.ColumnSet {
	width: 618px;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: left;
}

div.FeatureBox div.FeatureBoxInner div.ColumnSet img {
	border-style: none;
}

div.FeatureBox div.FeatureBoxInner div.ColumnSet div.OneThird {
	float: left;
	margin: 0 20px 0 0;
	border: none;
}

div.FeatureBox div.FeatureBoxInner div.ColumnSet div.TwoThirds Last {
	margin: 0 0 0 20px;
	padding: 0;
	float: right;
}