@charset "UTF-8";

/* base styles */

body{
	/*\*/
	width : 100%;
	height: 100%;
	/* */
	background: #FFFFFF url(../img/cmo_bg.gif) repeat-y;
	color:#000;
}

/* ------------------------------
	フォントサイズ
------------------------------ */

body,div,
p,a,blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td,
form, fieldset,input,select,textarea {
}


h1{
	font-size:16px; 
}

h2{
	font-size:16px; 
}

h3{
	font-size:14px; 
	line-height: 1.4;
}

.fs10,
.fs10 a{
	font-size:10px;
	line-height: 1.3;
}

.fs10h,
.fs10h a{
	font-size:10px;
	line-height: 1.3;
}

.fs12,
.fs12 a{
	font-size:12px;
	line-height: 1.5;
}

.fs12h,
.fs12h a{
	font-size:12px;
	line-height: 1.8;
}

.fs14,
.fs14 a{
	font-size:14px;
	line-height: 1.5;
}

.fs14h,
.fs14h a{
	font-size:14px;
	line-height: 1.8;
}

.fs16,
.fs16 a{
	font-size:16px;
	line-height: 1.5;
}

.fs16h,
.fs16h a{
	font-size:16px;
	line-height: 1.8;
}



.fs17,
.fs17 a{
	font-size:11px;
	line-height: 1.3;
}
/* ------------------------------
	見出し
------------------------------ */

/* h1 h2 h3はそれぞれの箇所で記載 */


/* ------------------------------
	ベースレイアウト
------------------------------ */

/* 全幅の設定 */

#wrapper{
	width:1000px;
	text-align: left;
}

/* ページの先頭へ戻る */

.pagetop{
/*
	width:64px;
	height:20px;
	float:right;
*/
	margin-top:15px;
	clear:both;
	width:100%;
}

.pagetop a{
	background:url(../img/cmo_pagetop.gif) top no-repeat;
	width:64px;
	height:20px;
	/* text-indent:-9999px; */
	display:block;
	margin-left:auto;
}
/* コンテンツスペース */
#contents {
	width:1000px;
	clear:both;
}
#contents #contentsInner{
	width:1000px;
}

/* ナビゲーションスペース（3カラム左側）全幅の設定　ナビの設定は別項 */

#contents #gnav{
	width:90px;
	float: left;
	margin-right:25px;
}

/* コンテンツスペース（3カラム中央）全幅の設定 */

#contents #mainArea{
	width:660px;
	float: left;
}

/* バナースペース（3カラム右側）全幅の設定 */
#contents #bnrArea{
	width:200px;
	float: right;
	margin-top:13px;
}

/* 注釈 */

.note{
	padding-left:1em;
	text-indent:-1em;
}


.floatlft {
	color:#999999;
	float:left;
	margin-top:15px;
}
/* ------------------------------
	ヘッダ
------------------------------ */
#header {
	_height:1%;
	margin-bottom:10px;
}
html>body #header{
	overflow:hidden;
}
#header:after{
	content:"";
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
}

#header h1,
#headnav,
#contactnav{
	float:left;
}

#header h1{
	width:270px;
}

/*Head Nav ------------------*/
#headnav{
	width:505px;
	margin-right:25px;
}
#infonav,
#spnav{
	text-align:right;
}
#infonav li,
#spnav li{
	display:inline;
}

#infonav {
	height:13px;
	padding-top:11px;
}
#infonav li{
	font-size: 10px;
}
#infonav li a{
	text-decoration:none;
	color:#999999;
}

#spnav {
	padding-top:16px;
}

/*Contact Nav ------------------*/
#contactnav {
	width:190px;
}
#contactnav .goform{
	margin-bottom:1px;
}


/* ------------------------------
	パンくず
------------------------------ */
.breadlist {
	padding:0 0 20px 15px;
}
.breadlist li{
	display:inline;
	color:#999999;
	font-size:10px;
}
.breadlist li a{
	background:url(/common/img/cmo_link_path.gif) no-repeat right;
	padding-right:14px;
	
}


/* ------------------------------
	グローバルナビゲーション
------------------------------ */
#contents #gnav{
	margin-bottom:10px;
	border-bottom: 1px solid #666666;
}

#gnav li{
	font-size:0px;
}
#gnav li a{
	display:block;
	/* text-indent:-9999px; */
}
#gnav li img{
	display:block;
	vertical-align:top;
}

#gnav li.topct{
	margin-bottom:1px;_margin-bottom:0;
}
#gnav li a.subct{
	height:36px;
}
#gnav li.btm{
	margin-bottom:1px;
}

#gnav li.childct{
	display:none;
	padding-bottom:4px;
}
#gnav li.childct li,
#gnav li.childct li a{
	height:11px;
}

/*Sub Categories --------*/
#gnav a.catalogue{ background: url(../img/cmo_leftnav_catal_off.gif) left top no-repeat;}
#gnav a.concept{ background: url(../img/cmo_leftnav_concept_off.gif) left top no-repeat;}
#gnav a.firstgirl{ background: url(../img/cmo_leftnav_fgirl_off.gif) left top no-repeat;}
#gnav a.spcontents{ background: url(../img/cmo_leftnav_special_off.gif) left top no-repeat;}
#gnav a.shoplist{ background: url(../img/cmo_leftnav_shop_off.gif) left top no-repeat;}
#gnav a.gallery{ background:url(/common/img/leftnav_gallery_title.gif) left top no-repeat;}

#gnav a.catalogue:hover,body#catalogue #gnav a.catalogue{ background-image: url(../img/cmo_leftnav_catal_on.gif);}
#gnav a.concept:hover,body#concept #gnav a.concept{ background-image: url(../img/cmo_leftnav_concept_on.gif);}
#gnav a.firstgirl:hover,body#firstgirl #gnav a.firstgirl{ background-image: url(../img/cmo_leftnav_fgirl_on.gif);}
#gnav a.spcontents:hover,body#spcontents #gnav a.spcontents{ background-image: url(../img/cmo_leftnav_special_on.gif);}
#gnav a.shoplist:hover,body#shoplist #gnav a.shoplist{ background-image: url(../img/cmo_leftnav_shop_on.gif);}
#gnav a.gallery:hover,body#gallery #gnav a.gallery{ background-image: url(/common/img/leftnav_gallery_title_on.gif);}


/*キャンペーン＆イベント*/
#gnav a.campaign{ background: url(../img/cmo_leftnav_camp_off.gif) left top no-repeat;}
#gnav a.campaign:hover,body#campaign #gnav a.campaign{ background-image: url(../img/cmo_leftnav_camp_on.gif);}

body#campaign #gnav li.campaign{
	display:block;
}

#gnav li.campaign .furisode01{ background: url(/common/img/cmo_leftnav_camp_sub06_off.gif) left top no-repeat;}
#gnav li.campaign .furisode02{ background: url(/common/img/cmo_leftnav_camp_sub07_off.gif) left top no-repeat;}
#gnav li.campaign .remake{ background: url(/common/img/cmo_leftnav_camp_sub08_off.gif) left top no-repeat;}
#gnav li.campaign .photo{ background: url(/common/img/cmo_leftnav_camp_sub09_off.gif) left top no-repeat;}


#gnav li.campaign .hakama{ background: url(/common/img/cmo_leftnav_camp_sub10_off.gif) left top no-repeat;}
#gnav li.campaign .kids{ background: url(../img/cmo_leftnav_camp_sub03_off.gif) left top no-repeat;}
#gnav li.campaign .camstudio{ background: url(/common/img/cmo_leftnav_camp_studio.gif) left top no-repeat;}
#gnav li.campaign .popteen{ background:url(/common/img/cmo_leftnav_camp_popteen.gif) left top no-repeat;}

#gnav li.campaign .furisode01:hover,
body.furisode01 #gnav li.campaign .furisode01{background-image: url(/common/img/cmo_leftnav_camp_sub06_on.gif);}
#gnav li.campaign .furisode02:hover,
body.furisode02 #gnav li.campaign .furisode02{background-image: url(/common/img/cmo_leftnav_camp_sub07_on.gif);}
#gnav li.campaign .remake:hover,
body.remake #gnav li.campaign .remake{background-image: url(/common/img/cmo_leftnav_camp_sub08_on.gif);}
#gnav li.campaign .photo:hover,
body.photo #gnav li.campaign .photo{background-image: url(/common/img/cmo_leftnav_camp_sub09_on.gif);}


#gnav li.campaign .hakama:hover,
body.hakama #gnav li.campaign .hakama{ background-image: url(/common/img/cmo_leftnav_camp_sub10_on.gif);}
#gnav li.campaign .kids:hover,
body.kids #gnav li.campaign .kids{ background-image: url(../img/cmo_leftnav_camp_sub03_on.gif);}
#gnav li.campaign .camstudio:hover,
body.studio #gnav li.campaign .camstudio{ background-image: url(/common/img/cmo_leftnav_camp_studio_on.gif);}
#gnav li.campaign .popteen:hover,
body.popteen #gnav li.campaign .popteen{ background-image: url(/common/img/cmo_leftnav_camp_popteen_on.gif);}
/*キャンペーン＆イベント*/
#gnav a.pcampaign{ background: url(../img/cmo_leftnav_camp_off.gif) left top no-repeat;}
#gnav a.pcampaign:hover,body#pcampaign #gnav a.pcampaign{ background-image: url(../img/cmo_leftnav_camp_on.gif);}

body#campaign #gnav li.campaign{
	display:block;
}
/*フォトスタジオ*/
#gnav a.studio{ background:url(/common/img/old_leftnav_studio_title.gif) left top no-repeat;}
#gnav a.studio:hover,body#studio #gnav a.studio{ background-image: url(/common/img/old_leftnav_studio_title_on.gif);}

body#studio #gnav li.studio {
	display:block;
}

#gnav li.studio .omiya{ background:url(/common/img/leftnav_studio_omiya.gif) left top no-repeat;}
#gnav li.studio .birth{ background:url(/common/img/leftnav_studio_birth.gif) left top no-repeat;}
#gnav li.studio .shichigo{ background:url(/common/img/leftnav_studio_753.gif) left top no-repeat;}
#gnav li.studio .furisode{ background:url(/common/img/leftnav_studio_furisode.gif) left top no-repeat;}
#gnav li.studio .hakama{ background:url(/common/img/leftnav_studio_hakama.gif) left top no-repeat;}
#gnav li.studio .bridal{ background:url(/common/img/leftnav_studio_bridal.gif) left top no-repeat;}
#gnav li.studio .other{ background:url(/common/img/leftnav_studio_other.gif) left top no-repeat;}
#gnav li.studio .idphoto{ background:url(/common/img/leftnav_studio_idphoto.gif) left top no-repeat;}

#gnav li.studio .youtube{ background:url(/common/img/leftnav_youtube_title.gif) left top no-repeat;}


#gnav li.studio .omiya:hover,
body.omiya #gnav li.studio .omiya{background-image:url(/common/img/leftnav_studio_omiya_on.gif);}
#gnav li.studio .birth:hover,
body.birth #gnav li.studio .birth{background-image:url(/common/img/leftnav_studio_birth_on.gif);}
#gnav li.studio .shichigo:hover,
body.shichigo #gnav li.studio .shichigo{background-image:url(/common/img/leftnav_studio_753_on.gif);}
#gnav li.studio .furisode:hover,
body.furisode #gnav li.studio .furisode{background-image:url(/common/img/leftnav_studio_furisode_on.gif);}
#gnav li.studio .hakama:hover,
body.hakama #gnav li.studio .hakama{background-image:url(/common/img/leftnav_studio_hakama_on.gif);}
#gnav li.studio .bridal:hover,
body.bridal #gnav li.studio .bridal{background-image:url(/common/img/leftnav_studio_bridal_on.gif);}
#gnav li.studio .other:hover,
body.other #gnav li.studio .other{background-image:url(/common/img/leftnav_studio_other_on.gif);}
#gnav li.studio .idphoto:hover,
body.idphoto #gnav li.studio .idphoto{background-image:url(/common/img/leftnav_studio_idphoto_on.gif);}

#gnav li.studio .youtube:hover,
body.youtube #gnav li.studio .youtube{background-image:url(/common/img/leftnav_youtube_title_on.gif);}


/* ------------------------------
	バナーエリア
------------------------------ */
#contents #bnrArea ul li{
	margin-bottom:5px;
}
/* ------------------------------
	フッター
------------------------------ */

#footer p.footer-copyRights{
	clear:both;
	margin-top:-264px;
	float:left;	
}