﻿@charset "utf-8";

/*---------------------------------------------------------*/
/*    default                                              */
/*---------------------------------------------------------*/
body,table,td,tr,h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd,form {
margin:0;
padding:0;
font-size:12px;
}
img {border:none;}
li {list-style:none;}
p {padding:0px 0px 10px 10px;}
/*p{ color:#4F4534;  }*/
/*---------------------------------------------------------*/
/*    default-2                                            */
/*---------------------------------------------------------*/
h2{margin:0px auto 20px auto;}

/*---------------------------------------------------------*/
/*    link anchor                                          */
/*---------------------------------------------------------*/
a:link,a:active { color:#669933; }
a:hover { color:#669900;text-decoration:none; }
a:visited{ color: #7E7EA9;}

/*---------------------------------------------------------*/
/*    body                                                 */
/*---------------------------------------------------------*/
body {
font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
font-size:12px;
color:#4F4534;
}

/*---------------------------------------------------------*/
/*    head                                           */
/*---------------------------------------------------------*/
#head_line{
height:22px;
background:url(../img/head_line.jpg) repeat-x;
display:block;
}
#head{
height:72px;
background:url(../img/head_bg.jpg) repeat-x;
display:block;
}
#header{ width:900px; margin:0px auto; }
#header_l{ float:left; display:inline; }
#header_r{ float:right; display:inline; width:305px; margin:8px 15px 0px 15px; }
#hr_l{ float:left; width:107px; font-size:10px; line-height:80%; }
#hr_r{ float:right; width:198px; }

#header_l a{
background:url(../img/site_name.jpg) no-repeat;
width:120px;
height:52px;
display:block;
text-indent: -9999px;
}

#h_privacy a{ width:107px; height:24px; display:block; background:url(../img/head_privacy.gif) no-repeat bottom; text-indent: -9999px; }
#h_company a{ width:107px; height:14px; display:block; background:url(../img/head_company.gif) no-repeat; text-indent: -9999px; }
#h_sitemap a{ width:107px; height:14px; display:block; background:url(../img/head_sitemap.gif) no-repeat; text-indent: -9999px; }

#hr_r a{ width:198px; height:53px; display:block; background:url(../img/h_contact.jpg) no-repeat; text-indent: -9999px; }
/*---------------------------------------------------------*/
/*    gloval_navi                                                 */
/*---------------------------------------------------------*/
#navi{ height:55px; background:url(../img/navi_bg.jpg) repeat-x; display:block; }
#navi_global{ width:900px; margin:0px auto; }
#navi_global ul{ background:url(../img/navi_global.jpg) no-repeat; width:900px; height:55px; }
#navi_global ul li{ float:left; }
#navi_global a { height: 55px; display: block; text-indent: -9999px;}

/* off */
#n_home a { width: 81px; background: url(../img/navi_global.jpg) no-repeat 0px -0px; }
#n_location a { width: 140px; background: url(../img/navi_global.jpg) no-repeat -81px -0px; }
#n_studio a { width: 124px; background: url(../img/navi_global.jpg) no-repeat -221px -0px; }
#n_photo a { width: 144px; background: url(../img/navi_global.jpg) no-repeat -345px -0px; }
#n_qa a { width: 81px; background: url(../img/navi_global.jpg) no-repeat -489px -0px; }
#n_staff a { width: 129px; background: url(../img/navi_global.jpg) no-repeat -570px -0px; }
#n_contact a { width: 201px; background: url(../img/navi_global.jpg) no-repeat -699px -0px; }
/* on */
#n_home_on a { width: 81px; background: url(../img/navi_global.jpg) no-repeat 0px -55px; }
#n_location_on a { width: 140px; background: url(../img/navi_global.jpg) no-repeat -81px -55px; }
#n_studio_on a { width: 124px; background: url(../img/navi_global.jpg) no-repeat -221px -55px; }
#n_photo_on a { width: 144px; background: url(../img/navi_global.jpg) no-repeat -345px -55px; }
#n_qa_on a { width: 81px; background: url(../img/navi_global.jpg) no-repeat -489px -55px; }
#n_staff_on a { width: 129px; background: url(../img/navi_global.jpg) no-repeat -570px -55px; }
#n_contact_on a { width: 201px; background: url(../img/navi_global.jpg) no-repeat -699px -55px; }
/* hover */
#n_home a:hover { width: 81px; background: url(../img/navi_global.jpg) no-repeat 0px -55px; }
#n_location a:hover { width: 140px; background: url(../img/navi_global.jpg) no-repeat -81px -55px; }
#n_studio a:hover { width: 124px; background: url(../img/navi_global.jpg) no-repeat -221px -55px; }
#n_photo a:hover { width: 144px; background: url(../img/navi_global.jpg) no-repeat -345px -55px; }
#n_qa a:hover { width: 81px; background: url(../img/navi_global.jpg) no-repeat -489px -55px; }
#n_staff a:hover { width: 129px; background: url(../img/navi_global.jpg) no-repeat -570px -55px; }
#n_contact a:hover { width: 201px; background: url(../img/navi_global.jpg) no-repeat -699px -55px; }

/*---------------------------------------------------------*/
/*    main_bg                                              */
/*---------------------------------------------------------*/
#main{ height:356px; background:url(../img/main_bg.jpg) repeat-x; display:block; }
#main_contents{ background:url(../img/main_bg.jpg) repeat-x; display:block; }

/*---------------------------------------------------------*/
/*    contents                                             */
/*---------------------------------------------------------*/
#contents{ margin:0px auto; width:900px; }

#h1_tit{
	background-image:url(../img/h1_tit_bg.jpg);
	background-repeat:no-repeat;
	width:624px;
	height:43px;
	padding:6px 0px 0px 24px;
	font-size:20px;
	font-weight:normal;
}

.h2_tit{
	background-image:url(../img/h2_tit_bg.jpg);
	background-repeat:no-repeat;
	width:600px;
	height:30px;
	padding:6px 0px 0px 20px;
	margin:0px;
	font-size:14px;
	font-weight:normal;
}

/*---------------------------------------------------------*/
/*    sidebar                                              */
/*---------------------------------------------------------*/
#sidebar{ float:left; display:inline; width:200px; }

#b_location{
margin:0px auto 10px auto;
width:200px;
height:160px;
background:url(../img/b_location.jpg) no-repeat;
display:block;
text-indent: -9999px;
}

#b_studio{
margin:0px auto 10px auto;
width:200px;
height:160px;
background:url(../img/b_studio.jpg) no-repeat;
display:block;
text-indent: -9999px;
}

#b_photo{
margin:0px auto 10px auto;
width:200px;
height:173px;
background:url(../img/b_photo.jpg) no-repeat;
display:block;
text-indent: -9999px;
}

#b_qa{
margin:18px auto;
width:200px;
height:40px;
background:url(../img/b_qa.gif) no-repeat;
display:block;
text-indent: -9999px;
}

#b_flow{
margin:18px auto;
width:200px;
height:40px;
background:url(../img/b_flow.gif) no-repeat;
display:block;
text-indent: -9999px;
}

#b_staff{
margin:0px auto 10px auto;
width:200px;
height:90px;
background:url(../img/b_staff.jpg) no-repeat;
display:block;
text-indent: -9999px;
}

/* staff blog */
#ttl_staff_info{
margin:0px auto;
width:200px;
height:18px;
background:url(../img/title_new_info.gif) no-repeat;
display:block;
text-indent: -9999px;
}

#staff_info_area{ margin:0px 8px 0px 11px; width:181px; }

#staff_info_area li{
display:block;
padding-bottom:6px;
margin:6px auto;
background:url(../img/line_under.gif) no-repeat;
background-position:0% 100%;
}
#staff_info_area li .date{
font-size:10px;
line-height:140%;
margin-bottom:0px;
display:block;
}

#staff_info_area a{
font-size:10px;
line-height:140%;
color: #669900;
text-decoration: underline;
}


#s_monthly_title{
margin:0px auto;
width:198px;
height:25px;
background:url(../img/s_monthly_title.gif) no-repeat;
display:block;
text-indent: -9999px;
}
#s_cat_title{
margin:0px auto;
width:198px;
height:25px;
background:url(../img/s_cat_title.gif) no-repeat;
display:block;
text-indent: -9999px;
}
.wp_rss_area{ margin:0px 8px 10px 11px; width:181px; }

.wp_rss_area li{
display:block;
padding-bottom:6px;
margin:6px auto;
background:url(../img/line_under.gif) no-repeat;
background-position:0% 100%;
}
.wp_rss_area li .date{
font-size:10px;
line-height:140%;
margin-bottom:0px;
display:block;
}

.wp_rss_area a{
font-size:10px;
line-height:140%;
color: #669900;
text-decoration: underline;
}
/*---------------------------------------------------------*/
/*    footer_line                                          */
/*---------------------------------------------------------*/
#footer_line{ height:22px; background:url(../img/footer_line.jpg) repeat-x; display:block; }

/*---------------------------------------------------------*/
/*    footer                                               */
/*---------------------------------------------------------*/
#footer_bg{ height:300px; background:url(../img/footer_bg.jpg) repeat-x; }

/*---------------------------------------------------------*/
/*    navi_footer                                          */
/*---------------------------------------------------------*/
#navi_footer{ margin:0px auto; padding:10px 0px; width:750px; }
#navi_footer{ text-align:center; list-style-type: none; }
#navi_footer li { display:inline; }
#footer_navi_line{
margin:0px auto 14px auto;
width:900px;
height:10px;
background:url(../img/footer_navi_line.jpg) no-repeat;
display:block;
}

/*---------------------------------------------------------*/
/*    footer_area                                          */
/*---------------------------------------------------------*/
#footer_area{ margin:0px auto 16px auto; width:900px; }


/*---------------------------------------------------------*/
/*    site_info                                            */
/*---------------------------------------------------------*/
#site_info li { float:left; }

#f_privacy{
width:109px;
height:20px;
background:url(../img/privacy.gif) no-repeat;
display:block;
text-indent: -9999px;
margin-right:3px;
}
#f_sitemap{
width:85px;
height:20px;
background:url(../img/sitemap.gif) no-repeat;
display:block;
text-indent: -9999px;
}

/*---------------------------------------------------------*/
/*    company_info                                         */
/*---------------------------------------------------------*/
#company_area{ width:900px; margin:0px auto 16px auto; }
#co_name p{ font-size:12px; line-height:130%; float:left; margin-right:10px;}
#co_info{
	float:left;
	display: block;
	height: 17px;
}
#co_address p{ font-size:10px; line-height:170%;}
#c_outline{
width:55px;
height: 17px;
background:url(../img/btn_company.gif) no-repeat;
display:block;
text-indent: -9999px;
float:left;
margin-right:5px;
}
#c_contact{
	width:120px;
	background:url(../img/btn_contact.gif) no-repeat;
	display:block;
	text-indent: -9999px;
	float:left;
	height: 17px;
}

/*---------------------------------------------------------*/
/*    banner_area                                          */
/*---------------------------------------------------------*/
#banner_area{ width:906px; margin:0px auto 20px auto; }
#banner_area ul li{ float:left;}
#banner_area a{
height:65px;
width:175px;
display:block;
text-indent: -9999px;
}
#rental_dress{ background:url(../img/rental_dress.jpg) no-repeat; }
#large_dress{ background:url(../img/large_dress.jpg) no-repeat; }
#library{ background:url(../img/library.jpg) no-repeat; }
#Shrine{ background:url(../img/Shrine.jpg) no-repeat; }
#nagasode{ background:url(../img/nagasode.jpg) no-repeat; }

/*---------------------------------------------------------*/
/*    copy_light                                           */
/*---------------------------------------------------------*/
#copy_light{
margin:0px auto; 
background:url(../img/copy_light.gif) no-repeat;
height:22px;
width:275px;
display:block;
text-indent: -9999px;
}

.w900{
	width:900px;
	margin:0 auto;
	position:relative;}

.freemethod{
	position:absolute;
	top:0;
	right:0;}

/*---------------------------------------------------------*/
/*    pankuzu                                              */
/*---------------------------------------------------------*/
ul#pankuzu {
	padding:0px 10px 0px 5px;
}

#pankuzu li{
	float:left;
	font-size:10px;
	padding:0px 0px 0px 5px;
}

#pankuzu a{
	color: #669900;
	padding-right:10px;
	text-decoration: underline;
	background-image:url(../img/arrow_pankuzu.gif);
	background-repeat:no-repeat;
	background-position:right;
}


