@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Gilda+Display);
/*==================================================
-- : Index Style
================================================== */
#index div#pageContents{
margin:0;
padding-top:33px;
}
#index div#pageContents div#indexMain{
position:relative;
background:url(/images/idx_bg.png) left top no-repeat;
height:530px;
}
#index div#pageContents div#indexMain #portfolio{
position:relative;
left:10px;
top:10px;
}
#index div#pageContents div#indexMain #portfolio li{
position:absolute;
}
#index div#pageContents div#indexMain #portfolio li span{
position:absolute;
width:960px;
height:510px;
}

#index div#pageContents div#indexMain #portfolio li a:hover img{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
#index div#pageContents div#indexMain #portfolio li a:hover span{
z-index:10;
}
#index div#pageContents div#indexMain #portfolio li a:hover span img{
opacity:1.0;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}


#index #shop{
	overflow:hidden;
	padding:38px 10px 0;
}
#index #shop .block{
	width:465px;
	height:210px;
	background:url(./common/images/idx_shop_line.png) left top no-repeat;
	overflow:hidden;
	float:left;
}
#index #shop .block#elle{
	float:right;
}
#index #shop .img{
	float:left;
	display:inline;
	margin:14px 0 0 14px;
}
#index #shop dl{
	float:right;
	display:inline;
	margin:14px 14px 0 0;
}
#index #shop dt{
	margin:0 0 4px;
}
#index #shop dl dd{
	margin:0 0 6px;
}


#index #news,
#index #twitter{
margin:0 10px;
position:relative;
}
#index #news h2,
#index #twitter h2{
position:absolute;
}
#index #news{
background:url(./common/images/com_line_yoko.png) left bottom repeat-x;
}
#index #news dl dt,
#index #news dl dd{
font-size:77%;
line-height:1.5;
padding:0 0 24px 0;
}
#index #news dl dt{
display:inline;
float:left;
}
#index #news dl dt span{
background:#cc0f0f;
color:#fff;
padding:1px 3px 0;
}
#index #news dl dd{
padding-left:70px;
}
#index #news dl dd a:link,
#index #news dl dd a:visited{
text-decoration:underline;
color:#cc0f0f;
}
#index #news h2{
left:27px;
top:43px;
}
#index #news dl{
padding:32px 0 27px 184px;
}
#index #twitter h2{
left:27px;
top:49px;
}
#index #twitter p{
position:absolute;
right:0;
top:20px;
}
#index #twitter ul{
padding:24px 153px 5px 184px;
}
#index #twitter ul li{
font-size:77%;
line-height:1.6;
padding:0 0 12px 0;
}
#index #twitter ul li a{
color:#cc0f0f;
text-decoration:underline;
}
#index #twitter ul li a:hover{
text-decoration:none;
}

/*==================================================
-- : Message Style
================================================== */
#message div#pageContents{
background:url(/message/images/message_bg.png) -57px -34px no-repeat;
padding:0 0 0 497px;
}
#message div#pageContents h2{
padding:69px 0 32px;
}
#message div#pageContents p{
font-size:108%;
line-height:2.57;
padding:0 0 2.5em;
}
#message div#pageContents ul{
padding:50px 0 47px;
}
#message div#pageContents ul li{
text-align:right;
padding:0 0 14px 0;
}
/*==================================================
-- : Hair Styles Style
================================================== */
#hairstyle div#pageContents{
padding:0 0 80px;
}
#hairstyle div#pageContents #slider{
	overflow:hidden;
	padding:0 0 40px;
}

#hairstyle div#pageContents #NewCollectionBtn{
	padding:0 0 30px 8px;
}


#hairstyle div#pageContents div.left{
width:367px;
}
#hairstyle div#pageContents div.left div#titleBlock{
padding:70px 0 20px;
}
#hairstyle div#pageContents div.left div#titleBlock p{
padding:7px 0 0 0;
font-size:93%;
}

#hairstyle div#pageContents div.left h3{
background:url(/common/images/com_line_yoko.png) left bottom repeat-x;
padding:0 0 4px 0;
}
#hairstyle div#pageContents div.left div ul{
padding:10px 0 20px 8px;
}
#hairstyle div#pageContents div.left div ul li{
display:inline;
float:left;
width:62px;
margin:0 8px 8px 0;
}
#hairstyle div#pageContents div.left div ul li img{
width:60px;
height:60px;
}

#hairstyle div#pageContents div.left div#archiveLink{
text-align:right;
background:url(/common/images/com_arw_13px.png) right 0 no-repeat;
/*margin:20px 0 0 0;*/
padding:0 18px 0 0;
font-size:93%;
}
#hairstyle div#pageContents div.right{
width:510px;
padding:71px 0 0 0;
position:relative;
}
#hairstyle div#pageContents div.right div.hairstylePhoto{
padding:30px;
}
#hairstyle div#pageContents div.right div.tate{
background:url(http://belle-omotesando.jp/hairstyles/images/hairstyle_ph_bg_tate.gif) left top no-repeat;
position:absolute;
right:75px;
}
#hairstyle div#pageContents div.right div.yoko{
background:url(http://belle-omotesando.jp/hairstyles/images/hairstyle_ph_bg_yoko.gif) left top no-repeat;
position:absolute;
right:0px;
top:70px;
}


#hairstyle div#pageContents #collectionBtn{
background:url(../images/com_line_yoko.png) 0 0 repeat-x;
padding:15px 0 0 8px;
}
#hairstyle div#pageContents #collectionBtn h3{
	margin:0 116px;
	text-align:center;
	font-family: 'Gilda Display', serif;
	font-size:200%;
	padding:20px 0 5px;
}
#hairstyle div#pageContents #collectionBtn p{
	margin:0 116px;
	text-align:center;
	padding:0 0 20px;
}
#hairstyle div#pageContents #collectionBtn ul{
	overflow:hidden;
	padding:0 96px;
}
#hairstyle div#pageContents #collectionBtn ul li{
	display:block;
	float:left;
	margin:0 20px 20px;
}


/*----------------------------------------------------------Hairstyles Detail*/
#hairstyleArchives div#pageContents{
padding:0 0 70px;
}

#hairstyleArchives div#pageContents div#titleBlock{
padding:50px 0 30px;
}
#hairstyleArchives div#pageContents div#titleBlock p{
padding:10px 0 0 0;
font-size:93%;
}
#hairstyleArchives div#pageContents dl{
position:absolute;
right:0;
top:100px;
}

#hairstyleArchives div#pageContents dl dt{
border-right:1px solid #4f1c06;
margin:0 10px 0 0;
padding:0 10px 0 0;
}

#hairstyleArchives div#pageContents dl dd{
background:url(/common/images/com_arw_13px.png) 0 center no-repeat;
display:inline;
float:left;
padding:0 10px 0 16px;
margin:0 0 0 5px;
font-family:Georgia;
}
#hairstyleArchives div#pageContents div#archivesList{
min-height:400px;
}
#hairstyleArchives div#pageContents div#archivesList ul{
width:960px;
padding:0 0 30px 0;
}
#hairstyleArchives div#pageContents div#archivesList ul li{
display:inline;
float:left;
margin:0 10px 10px 0;
}
#hairstyleArchives div#pageContents div#archivesList ul li img{
width:110px;
height:110px;
}
#hairstyleArchives div#pageContents div#archivesList ul li a:hover img{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}

#hairstyleArchives div#pageContents div#archivesList p{
background:url(/common/images/com_arw_13px_left.png) 0 center no-repeat;
padding:0 0 0 17px;
}



/*==================================================
-- : Schedule Style
================================================== */
#schedule div#pageContents{
padding-bottom:30px;
}
#schedule div#pageContents h2{
padding:30px 0 25px 130px;
text-align:center;
}
#schedule div#pageContents h3{
font-family:Georgia;
font-size:138.5%;
text-align:center;
padding:0 0 35px;
}
#schedule div#pageContents div.inner{
/*background:url(/schedule/images/schedule_bg.png) 0 0 no-repeat;*/
padding:30px 0 30px 25px;
}
#schedule div#pageContents .dateLine{
	overflow:hidden;
}

#schedule div#pageContents .Sat{
	color:#0033cc;
}
#schedule div#pageContents .Sun{
	color:#cc0000;
}

#schedule div#pageContents .dateBlock,
#schedule div#pageContents .belleBlock,
#schedule div#pageContents .elleBlock{
/*	height:75px;*/
}

#schedule div#pageContents .dateBlock{
font-family:Georgia;
font-size:123.1%;
width:100px;
float:left;
	border-top:1px dotted #4C110B;
	margin:0 10px 0 0;
	padding:10px 0 0;
	text-align:center;
}
#schedule div#pageContents .dateBlock span{
	font-size:75%;
}
#schedule div#pageContents .belleBlock{
	width:405px;
	float:left;
	border-top:1px dotted #4C110B;
	padding:10px 0 0;
}
#schedule div#pageContents .elleBlock{
	width:405px;
	float:right;
	border-top:1px dotted #4C110B;
	padding:10px 0 0;
}
#schedule div#pageContents .belleBlock ul,
#schedule div#pageContents .elleBlock ul{
/*	text-align:center;*/
padding:0 0 4px 0;
}
#schedule div#pageContents .belleBlock li,
#schedule div#pageContents .elleBlock li{
	display:inline-block;
	text-align:center;
	margin:0 4px;
}
#schedule div#pageContents .belleBlock li.off,
#schedule div#pageContents .elleBlock li.off{
	display:block;
	text-align:center;
	padding:22px 0;
	font-size:93%;
font-family:Georgia;
}

#schedule div#pageContents .belleBlock li span,
#schedule div#pageContents .elleBlock li span{
	display:block;
	text-align:center;
	font-size:93%;
	padding:3px 0 0;
	color:#4C110B;
}

#schedule div#pageContents .belleBlock span.attention,
#schedule div#pageContents .elleBlock span.attention{
	font-size:77%;
	display:block;
	padding:0 0 6px;
}

#schedule div#pageContents .firstDay .dateBlock,
#schedule div#pageContents .firstDay .belleBlock,
#schedule div#pageContents .firstDay .elleBlock{
	border-top:3px double #4C110B;
}
#schedule div#pageContents .dateLine:last-child .dateBlock,
#schedule div#pageContents .dateLine:last-child .belleBlock,
#schedule div#pageContents .dateLine:last-child .elleBlock{
/*	border-bottom:1px dotted #4C110B;*/
}

#schedule div#pageContents .dateLine:first-child .belleBlock,
#schedule div#pageContents .dateLine:first-child .elleBlock{
	padding:0 0 15px;
}


/*==================================================
-- : Price Style
================================================== */
#price div#pageContents {
margin:0 0 0 ;
}
#price div#pageContents h2{
padding:50px 0 32px 10px;
}
#price div#pageContents div#priceMain{
background:url(/price/images/price_bg.png) 0 0 repeat-y;
margin:0 0 65px 0;
}
#price div#pageContents div.inner{
background:url(/price/images/price_bg_top.png) left top no-repeat;
}
#price div#pageContents div.inner2{
background:url(/price/images/price_bg_btm.png) left bottom no-repeat;
padding:40px 90px 0;
}
#price div#pageContents div#priceMain div.menuBlock{
width:380px;
padding-top:44px;
}


#price div#pageContents div#priceMain dl{
padding:20px 0;
}
#price div#pageContents div#priceMain dl.line01{
background:url(../price/images/price_line1.gif) left bottom repeat-x;
}
#price div#pageContents div#priceMain dl.line02{
background:url(../price/images/price_line2.gif) left bottom repeat-x;
}
#price div#pageContents div#priceMain dl.line03{
background:url(../price/images/price_line3.gif) left bottom repeat-x;
}
#price div#pageContents div#priceMain dl.line04{
background:url(../price/images/price_line4.gif) left bottom repeat-x;
}

#price div#pageContents div#priceMain dl dt,
#price div#pageContents div#priceMain dl dd{
font-size:93%;
line-height:1.5;
}
#price div#pageContents div#priceMain dl dt{
font-weight:bold;
display:inline;
float:left;
clear:left;
}
#price div#pageContents div#priceMain dl dd.detPrice{
display:inline;
float:right;
}

#price div#pageContents div#priceMain dl dd.detExp{
clear:both;
text-align:justify;
text-justify:inter-ideograph;
padding:6px 0 0 0;
}
#price div#pageContents div#priceMain div#recital{
font-size:93%;
padding:40px 0 45px;
}

#price div#pageContents div#priceMain p{
font-size:77%;
text-align:right;
padding:21px 0 43px 0;
}


/*==================================================
-- : Staff Style
================================================== */

#staff div#pageContents,
#staffDetail div#pageContents{
position:relative;
}
#staff div#pageContents div#titleBlock,
#staffDetail div#pageContents div#titleBlock{
padding:50px 0 35px;
}
#staff div#pageContents div#titleBlock p,
#staffDetail div#pageContents div#titleBlock p{
padding:12px 0 0 0;
}
/*------------------------ Staff Top ------------------------*/

#staff div#pageContents #ui-tab .ui-tabs-nav{
	overflow:hidden;
	position:absolute;
	top:0;
	right:0;
}
#staff div#pageContents #ui-tab .ui-tabs-nav li{
	width:190px;
	float:left;
	display:inline;
	margin:0 0 0 4px;
}
#staff div#pageContents #ui-tab .ui-tabs-nav li a{
	display:block;
	width:190px;
	height:35px;
	text-indent:-9999px;
}
#staff div#pageContents #ui-tab .ui-tabs-nav li.tab_all a{
	background:url(/staff/images/staff_tab_all.png) 0 0 no-repeat;
}
#staff div#pageContents #ui-tab .ui-tabs-nav li.tab_belle a{
	background:url(/staff/images/staff_tab_belle.png) 0 0 no-repeat;
}
#staff div#pageContents #ui-tab .ui-tabs-nav li.tab_elle a{
	background:url(/staff/images/staff_tab_elle.png) 0 0 no-repeat;
}
#staff div#pageContents #ui-tab .ui-tabs-nav li.tab_all.ui-tabs-active a,
#staff div#pageContents #ui-tab .ui-tabs-nav li.tab_all a:hover{
	background:url(/staff/images/staff_tab_all_in.png) 0 0 no-repeat;
}
#staff div#pageContents #ui-tab .ui-tabs-nav li.tab_belle.ui-tabs-active a,
#staff div#pageContents #ui-tab .ui-tabs-nav li.tab_belle a:hover{
	background:url(/staff/images/staff_tab_belle_in.png) 0 0 no-repeat;
}
#staff div#pageContents #ui-tab .ui-tabs-nav li.tab_elle.ui-tabs-active a,
#staff div#pageContents #ui-tab .ui-tabs-nav li.tab_elle a:hover{
	background:url(/staff/images/staff_tab_elle_in.png) 0 0 no-repeat;
}



#staff div#pageContents div.thumbBlock{
position:relative;
padding:0 0 45px 0;
overflow:hidden;
width:960px;
}
#staff div#pageContents div.thumbBlock .staffList{
width:970px;
padding:20px 0 0 0;
}
#staff div#pageContents div.thumbBlock .staffList .staffBlock{
text-align:center;
display:inline;
float:left;
margin:0 22px 28px 0;
font-weight:bold;
font-size:93%;
width:172px;
position:relative;
}
#staff div#pageContents div.thumbBlock .staffList .staffBlock span.icons{
	position:absolute;
	top:214px;
	left:10px;
}

#staff div#pageContents div.thumbBlock .staffList .staffBlock span.imgCover{
display:block;
padding:5px 7px 7px 5px;
margin:0 0 5px;
background:url(/staff/images/staff_top_thumb_bg.png) 0 0 no-repeat;
}
#staff div#pageContents div.thumbBlock .staffList .staffBlock span.imgCover span{
display:block;
width:160px;
height:240px;
overflow:hidden;
}

#staff div#pageContents div.thumbBlock h3{
	font-size:167%;
	line-height:1;
	border-bottom:3px solid #65261f;
	padding:0 0 3px 0;
}

#staff div#pageContents div#stylist h3{
	padding:10px 0 3px 0;
}
#staff div#pageContents div#assistant h3{
padding:13px 0 6px 0;
}
#staff div#pageContents div#assistant div.btnBlock{
position:absolute;
top:0;
right:0;
}

/*------------------------ Staff Detail ------------------------*/
#staffDetail div#pageContents div#titleBlock{

}
#staffDetail div#pageContents ul#nbNavi{
position:absolute;
top:100px;
right:0;
z-index:20;
}
#staffDetail div#pageContents ul#nbNavi li{
display:inline;
float:left;
padding:0 0 0 22px;
}
#staffDetail div#pageContents ul#nbNavi li#topBtn{
background:url(/staff/images/detail_btn_dotline.png) 8px top no-repeat;
}
#staffDetail div#pageContents ul#nbNavi li#nextBtn{
background:url(/staff/images/detail_btn_dotline.png) 9px top no-repeat;
}

#staffDetail div#pageContents div#detailBlock{
background:url(/staff/images/detail_line.png) left bottom no-repeat;
padding:0 0 40px 0;
}

#staffDetail div#pageContents div#staffPhoto{
float:left;
display:inline;
background:url(/staff/images/detail_ph_bg.png) left top no-repeat;
padding:10px 12px 12px 10px;
margin:0 17px 0 0;
}
#staffDetail div#pageContents div#staffPhoto span{
display:block;
width:300px;
height:450px;
overflow:hidden;
}
#staffDetail div#pageContents div#staffPhoto span img{
height:450px;
}

#staffDetail div#pageContents div#detailBlock div.textBlock{
width:391px;
display:inline;
float:left;
}
#staffDetail div#pageContents div#detailBlock div.textBlock dl{
margin:0 0 0 19px;
padding:0 0 30px;
}
#staffDetail div#pageContents div#detailBlock div.textBlock dl dt,
#staffDetail div#pageContents div#detailBlock div.textBlock dl dd{
background:url(/common/images/com_line_yoko2.png) left bottom repeat-x;
font-size:93%;
line-height:1.5;
padding:13px 0 0 0;
}
#staffDetail div#pageContents div#detailBlock div.textBlock dl dt{
width:60px;
float:left;
}

#staffDetail div#pageContents div#detailBlock div#staffComment{
width:391px;
background:url(/staff/images/detail_comment_bg_btm.png) left bottom no-repeat;
padding:0 0 10px 0;
}
#staffDetail div#pageContents div#detailBlock div#staffComment div{
background:url(/staff/images/detail_comment_bg.png) left top no-repeat;
padding:10px 18px 0px 44px;
min-height:60px;
}
#staffDetail div#pageContents div#detailBlock div#staffComment div p{
color:#fff;
font-size:93%;
line-height:1.5;
padding:0.7em 0;
}

#staffDetail div#pageContents div#detailBlock div#blogArea{
width:190px;
float:right;
}

#staffDetail div#pageContents div#detailBlock div#blogArea h3{
font-size:93%;
line-height:1.5;
border-bottom:2px solid;
font-weight:bold;
}
#staffDetail div#pageContents div#detailBlock div#blogArea li{
font-size:93%;
line-height:1.5;
}
#staffDetail div#pageContents div#detailBlock div#blogArea li.dateBlock{
padding:10px 0 0 0;
}
#staffDetail div#pageContents div#detailBlock div#blogArea li.titleBlock{
background:url(/common/images/com_line_yoko2.png) left bottom repeat-x;
padding:0 0 10px 0;
}

#staffDetail div#pageContents div#thumbBlock{
position:relative;
}
#staffDetail div#pageContents div#thumbBlock h3{
padding:22px 0 20px;
}
#staffDetail div#pageContents div#thumbBlock ul li{
float:left;
display:inline;
/*margin:0 8px 15px 0;*/
margin:0 8px 0 0;
height:200px;
text-align:center;
font-size:93%;
/*line-height:2;*/
}
#staffDetail div#pageContents div#thumbBlock ul li span.imgCover{
display:block;
background:url(/staff/images/detail_thumb_bg.png) left top no-repeat;
padding:5px 7px 12px 5px;
}
#staffDetail div#pageContents div#thumbBlock ul li span.imgCover span{
display:block;
width:100px;
height:150px;
overflow:hidden;
}

/*==================================================
-- : Salon Information Style
================================================== */

#salon #pageContents{
padding:60px 0 40px;
}
#salon #pageContents h2{
	text-align:center;
	padding:0 0 38px;
}
#salon #pageContents h3{
	text-align:center;
	margin-bottom:20px;
}

#salon #pageContents div.salon_block{
background:url(/common/images/com_line_yoko.png) left top repeat-x;
width:460px;
}
#salon #pageContents div.salon_block.belle{float:left;}
#salon #pageContents div.salon_block.elle{float:right;}

#salon #pageContents div.salon_block .info_block{
	height:300px;
}

#salon #pageContents div.salon_block dl{
	overflow:hidden;
padding:0 20px 16px;
}
#salon #pageContents div.salon_block dt,
#salon #pageContents div.salon_block dd{
font-size:93%;
line-height:1.6;
}
#salon #pageContents div.salon_block dt{
	float:left;
	width:67px;
	font-weight:bold;
}
#salon #pageContents div.salon_block dd{
	margin:0 0 0 67px;
}


#salon #pageContents div.map_block p{
padding:7px 9px 0 0;
text-align:right;
}
/*==================================================
-- : Photo Tour Style
================================================== */
#photo #pageContents{
}
#photo #pageContents div#titleBlock{
padding:50px 0 30px;
}
#photo #pageContents div#titleBlock p{
font-size:93%;
line-height:1.7;
padding:15px 0 0 0;
}
#photo #pageContents div#shopMap{

}
#photo #pageContents div#shopMap ul{
	overflow:hidden;
}
#photo #pageContents div#shopMap li{
	width:170px;
	float:left;
	display:inline;
	margin:0 22px 22px 0;
}
#photo #pageContents div#shopMap li img{
	width:170px;
	height:170px;
}
/*==================================================
-- : Items Style
================================================== */

#items #pageContents div#titleBlock{
padding:50px 0;
position:relative;
}
#items #pageContents div#titleBlock p{
font-size:93%;
line-height:1.7;
padding:15px 0 0 0;
}
#items #pageContents div#titleBlock div{
position:absolute;
right:0;
top:50px;
}

#items #pageContents h3{
background:url(/common/images/com_line_yoko.png) left bottom repeat-x;
padding:0 0 1px 0;
}
#items #pageContents div.itemCategory ul{
padding:27px 0 42px 0;
}
#items #pageContents div.itemCategory ul li{
display:inline;
float:left;
width:303px;
margin:0 17px 24px 0;
position:relative;
font-size:93%;
line-height:1.5;
/*background:#fc0;*/
}
#items #pageContents div.itemCategory ul li div.itemPhoto{
width:136px;
height:136px;
background:url(/items/images/items_shadow.png) left top no-repeat;
display:inline;
float:left;
}
#items #pageContents div.itemCategory ul li div.itemPhoto span{
margin:8px;
background:url(/items/images/items_shadow2.png) left top no-repeat;
display:block;
padding:5px;
}
#items #pageContents div.itemCategory ul li div.itemPhoto img{
width:110px;
height:110px;
}
#items #pageContents div.itemCategory ul li div.itemText{
padding:10px 0 0 148px;
}
#items #pageContents div.itemCategory ul li div.itemLink{
position:absolute;
right:5px;
bottom:7px;
background:url(/common/images/com_arw_13px.png) right top no-repeat;
padding:1px 17px 0 0;
font-size:83.3%;
}
#items #pageContents div.itemCategory ul li div.itemLink a{
text-decoration:none;
}
#items #pageContents div#itemBtm{
background:url(/common/images/com_line_yoko.png) left top repeat-x;
padding:18px 0 35px;
}
#items #pageContents div#itemBtm p{
font-size:93%;
line-height:1.5;
padding:0 0 7px 0;
}
#items #pageContents div#itemBtm div{
background:url(/common/images/com_arw_13px.png) left top no-repeat;
padding:0 0 0 17px;
}
#items #pageContents div#itemBtm div a{
text-decoration:underline;
}
#items #pageContents div#itemBtm div a:hover{
text-decoration:none;
}

/*==================================================
-- : Media Style
================================================== */
#media #pageContents{
padding-bottom:30px;
}
#media #pageContents div#titleBlock{
padding:50px 0 57px;
}
#media #pageContents div#titleBlock p{
padding:5px 0 0 0;
font-size:93%;
line-height:1.5;
}

#media #pageContents h3{
background:url(/common/images/com_line_yoko.png) left bottom repeat-x;
padding:0 0 4px 0;
}
#media #pageContents div#magazine{
width:378px;
}
#media #pageContents div#magazine ul{
padding:20px 0 0 10px;
}
#media #pageContents div#magazine ul li{
background:url(/media/images/media_mag_arw.gif) left center no-repeat;
font-size:93%;
padding:10px 0;
}

#media #pageContents div#magazine ul li span{
font-size:116.6%;
padding:0 0 0 14px;
font-weight:bold;
}

#media #pageContents div#mook{
width:560px;
}
#media #pageContents div#mook h3{
margin:0 10px;
}
#media #pageContents div#mook ul{
padding:30px 0 0 0;
}
#media #pageContents div#mook ul li{
width:140px;
text-align:center;
float:left;
padding:0 0 20px 0;
font-size:93%;
line-height:1.5;
background:url(/media/images/media_mook_bg.png) 12px top no-repeat;
}
#media #pageContents div#mook ul li span.imgBlock{
display:block;
width:117px;
height:157px;
margin:0 0 0 12px;
overflow:hidden;
}
#media #pageContents div#mook ul li span.textBlock{
font-weight:bold;
display:block;
padding:7px 0 0 0;
}




/*==================================================
-- : Blog Style
================================================== */

#blog #pageContents div#titleBlock{
height:121px;
background:url(/blog/images/blog_tit_bg.jpg) left top no-repeat;
margin:30px 0 23px 0;
}
#blog #pageContents div#titleBlock h2{
padding:30px 0 0 41px;
}
#blog #pageContents div#titleBlock p{
padding:0 0 0 41px;
font-size:93%;
}


/*------------------------ Blog Layout ------------------------*/

#blog #pageContents div#alpha,
#blog #pageContents div#beta,
#blog #pageContents div#gumma{
display:inline;
}
#blog #pageContents div#alpha{
width:220px;
float:left;
padding-top:4px;
}
#blog #pageContents div#beta{
width:490px;
float:left;
margin:0 0 0 15px;
padding-bottom:30px;
}
#blog #pageContents div#gamma{
width:209px;
float:right;
margin:0 11px 0 0;
padding-top:5px;
}

/*------------------------ Archives ------------------------*/

#blog #pageContents div#beta #archiveTitle{
font-size:138.5%;
padding:7px 0 18px;
font-weight:bold;
margin:0 5px;
}


/*------------------------ Detail ------------------------*/
/*-- alpha --*/
#blog #pageContents div#alpha div#banner ul{
padding:0 0 20px 2px;
}
#blog #pageContents div#alpha div#banner ul li{
padding:1px 0;
}
#blog #pageContents div#alpha div#twitter{
padding:0 0 0 6px;
}
#blog #pageContents div#alpha div#twitter div{
padding:10px 0 13px;
}
#blog #pageContents div#alpha div#twitter div p{
font-size:93%;
line-height:1.5;
}
#blog #pageContents div#alpha div#twitter div p.right{
width:150px;
}
#blog #pageContents div#alpha div#twitter ul li{
font-size:77%;
line-height:1.8;
text-align:justify;
text-justify:inter-ideograph;
background:url(/common/images/com_line_yoko2.png) left top repeat-x;
padding:10px 2px 10px 2px;
}
#blog #pageContents div#alpha div#twitter ul li a{
color:#cc0f0f;
}
/*-- beta --*/

#blog #pageContents div#beta ul#nbNavi{
padding:10px 5px;
}

#blog #pageContents div#beta div.entry{
background:url(/blog/images/blog_entry_bg.png) left top repeat-y;
margin:0 0 20px 0;
}
#blog #pageContents div#beta div.entry div.inner{
background:url(/blog/images/blog_entry_bg_top.png) left top no-repeat;
}
#blog #pageContents div#beta div.entry div.inner2{
background:url(/blog/images/blog_entry_bg_btm.png) left bottom no-repeat;
}
#blog #pageContents div#beta div.entry div.entryTitle{
padding:18px 0 20px;
}
#blog #pageContents div#beta div.entry div.entryTitle td{
height:89px;
padding:0 60px 0 140px;
font-size:108%;
line-height:1.6;
font-weight:bold;
vertical-align:middle;
}
#blog #pageContents div#beta div.entry div.entryText{
margin:0 45px 0;
font-size:93%;
line-height:1.6;
overflow:hidden;
}
#blog #pageContents div#beta div.entry div.entryText p{
margin:0 0 1.5em;
}
#blog #pageContents div#beta div.entry div.entryText img{
max-width:400px;
height:auto !important;
}

#blog #pageContents div#beta div.entry div.entryBtm{
padding:25px 45px 55px;
font-size:77%;
line-height:1.4;
}
#blog #pageContents div#beta div.entry div.entryBtm a{
text-decoration:underline;
}

#blog #pageContents div#beta div.pageNavigation a:link,
#blog #pageContents div#beta div.pageNavigation a:visited{
text-decoration:underline;
}
#blog #pageContents div#beta div.pageNavigation span.current_page{
color:#cc0f0f;
font-weight:bold;
}

/*-- gamma --*/

#blog #pageContents div#gamma div.blogModule{
padding:0 0 22px 0;
}

#blog #pageContents div#gamma div.blogModule ul{
padding:17px 0 0 9px;
}
#blog #pageContents div#gamma div.blogModule ul li{
background:url(/common/images/com_arw_13px.png) left 3px no-repeat;
padding:0 5px 10px 19px;
font-size:93%;
line-height:1.7;
}

/*==================================================
-- : Recruit Style
================================================== */
#recruit #pageContents{
background:url(/recruit/images/recruit_bg.png) right 40px no-repeat;
padding-right:420px;
padding-bottom:240px;
}
#recruit #pageContents div#titleBlock{
padding:50px 0 30px;
background:url(/common/images/com_line_yoko.png) left bottom repeat-x;
}
#recruit #pageContents div#titleBlock p{
font-size:93%;
line-height:1.7;
padding:15px 0 0 8px;
}
#recruit #pageContents div#textBlock div{
background:url(/common/images/com_line_yoko.png) left bottom repeat-x;
padding:40px 0 10px;
}
#recruit #pageContents div#textBlock div#noRecruit{/*採用をおこなっていない場合*/
padding:260px 0;
text-align:center;
}
#recruit #pageContents div#textBlock table th,
#recruit #pageContents div#textBlock table td{
font-size:93%;
line-height:1.5;
padding:0 0 1.4em;
}
#recruit #pageContents div#textBlock table th{
width:93px;
vertical-align:top;
}
#recruit #pageContents div#textBlock table td{
width:430px;
}
#recruit #pageContents div#textBlock table td p{
padding:0 0 1.4em;
}



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