@charset "UTF-8";


/*----------------------------------------------------------------------------/*basic*/

body {
	font-size:16px;
	font-family: "Osaka",sans-serif;
	background-image:url(img/layout/bg/bg_blacklines.gif);/*site background*/
	text-align:center;
}


img{
	border:none;/*←←to make no border on image default*/
	}

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

p {
	font-size:11px;
	padding-bottom:10px;
	}
	
h2{
	font-size:13px;
	}	

strong{
	font-weight:bold;
	}
.kuishinbo {
	font-size: 14px;
}

ul{
	text-align:left;
	}

li{
	text-align:left;
	}


* {
	margin:0;
	padding:0;
	line-height: ０;
}	

/*----------------------------------------------------------------------------/*Main Layout*/

/*大枠*/
div#contentarea {
	text-align:center;
	width:820px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	border-left:2px solid #000;
	border-right:2px solid #000;
	}

/*ヘッダー画像　：　ホームとホーム以外で background-image が異なります*/
div#header, div#header_home {
	width:820px;
	height:200px;
	background-repeat:no-repeat;
	}


/*----------------------------------------------------------------------------/*Header Images*/

/*ホーム以外のヘッダー画像*/
div#header{
	background-image:url(img/layout/top/top2.jpg);
	}

/*ホームのヘッダー画像*/
div#header_home{
	background-image:url(img/layout/top/top2.jpg);
	}	


/*----------------------------------------------------------------------------/*odoru-home.html : Banner*/

/*ホーム：ページ上部分のバナーを含むDIV*/
div#top{
	text-align:center;
	width:820px;
	height:auto;
	}

/*バナー画像の指定*/
div#top img{
	margin:10px 5px 5px 5px;
	border:1px solid #000;
	}

/*----------------------------------------------------------------------------/*odoru-home.html : Layout*/	


/*左コラム：　踊る表紙、「今月の見所」リンク*/
div#column1 {
	float:left;
	width:166px;
	height:auto;
	margin:0 0px 10px -625px;
	text-align:left;
	background-color:#999999;
	text-align:center;
	padding-bottom:10px;
	}

/*中央コラム：　Event Update , What's New, PickUp Article*/	
div#column2 {
	font-size:16px;
	float:left;
	width:430px;
	height:1550px;/*←←←←←←change height according to content*/
	margin-left:180px;
	display:inline;
	padding:0 10px 10px 10px;
	margin-bottom:10px;
	border-left:1px dotted #000;
	border-right:1px dotted #000;
	}


/*右コラム：　バナー広告*/		
div#column3 {
	float:left;
	width:160px;
	height:auto;
	margin-bottom:10px;
	}


/*----------------------------------------------------------------------------/*odoru-home.html : right column、"column1" */


div#column1 h1{
	background-image:url(img/title_availablenow.gif);
	background-repeat:no-repeat;
	width:166px;
	height:19px;
	margin:0px;
	}

div#column1 h2{
	font-size:17px;
	color:#FFFFFF;
	margin-bottom:5px;
	}

div#column1 h3{
	width:155px;
	font-size:0.9em;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#66CCCC;
	margin-left:5px;
	}
	
	
div#column1 h4{
	color:#FF0066;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	margin-top:5px;
	margin-bottom:-25px;
	margin-left:5px;
	}	
	
div#column1 p{
	width:152px;
	font-size:0.7em;
	text-align:left;
	margin:5px;
	}


div#column1 ul{
	margin:0;
	padding:0;
	list-style-type:none;
	}		
	
div#column1 li {
	width:145px;
	border-bottom:1px dotted #FFFFFF;
	margin:0;
	text-align:left;
	text-decoration:none;
	margin-left:5px;
	}
	

div#column li a{
	text-decoration:none;
	color:#FFFFFF;
	}
		
div#column1 li a:link{
	text-decoration:none;
	color:#FFFFFF;
	}	
	
	
div#column1 li a:visited{
	text-decoration:none;
	font-size:11px;
	color:#FFFFFF;
	}	
	
div#column1 li a:hover{
	text-decoration:none;
	font-size:11px;
	color:#00CCFF;
	}	
	
div#column1 li a:active{
	text-decoration:none;
	font-size:11px;
	color:#00CCFF;
	}		
	

/*今月のみどころ links*/	
div#column1 a{
	display:inline;
	text-align:right;
	font-size:11px;
	font-weight:bold;
	color:#FF0066;
	}

div#column1 a:link{
	font-size:11px;
	font-weight:bold;
	text-align:right;
	}	

	
div#column1 a:visited{
	font-size:11px;
	font-weight:bold;
	text-align:right;
	}
		
div#column1 a:hover{
	font-size:11px;
	font-weight:bold;
	text-align:right;
	}
	

div#column1 img{
	width:120px;
	height:190px;
	}

.odoru{
	background-image:url(img/layout/bg/odoru_frame.png);
	background-repeat:no-repeat;
	background-position:center;
	width:200px;
	height:600px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:50px;
	}	
	

/*link styles column1*/
	
div#column1 li a:visited, div#column_right li a:visited, div#event_right li a:visited{
	text-decoration:none;
	font-size:11px;
	color:#FFFFFF;
	}	
	
div#column1 li a:hover, div#column_right li a:hover, div#event_right li a:hover{
	text-decoration:none;
	font-size:11px;
	color:#00CCFF;
	}	
	
div#column1 li a:active, div#column_right li a:active, div#event_right li a:active{
	text-decoration:none;
	font-size:11px;
	color:#00CCFF;
	}		
	

/*----------------------------------------------------------------------------/*odoru-home.html : center column、"column2" */
	
img.column2, div#column2 .TopImage{
	width:392px;
	height:294px;
	padding:5px;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #000;
	}

img.column2b{
	padding:5px;
	margin:10px;
	border:1px solid #000;
	}

div#column2 h1{
	width:430px;
	margin-bottom:5px;
	}
	

div#column2 h2{
	font-size:14px;
	font-weight:bold;
	text-align:left;
	}	


div#column2 h3{
	font-size:13px;
	font-weight:bold;
	text-align:left;
	color:#FF0066;
	}


div#column2 p{
	font-size:12px;
	text-align:left;
	}


div#column2 span{
	color:#FFFFFF;
	background-color:#FF0033;
	font-weight:bold;
	}
	
/*odoru-home.html：Event, PickUpArticle, What's New, SECTION DIVISION*/	
.section{
	border-bottom:1px dotted #000;
	padding-bottom:25px;
	margin-bottom:10px;
	}
			

div#column2 a{
	font-size:0.9em;
	color:#00CCFF;
	}	
	
div#column2 a:link{
	font-size:0.9em;
	color:#00CCFF;
	}	
	
div#column2 a:visited{
	font-size:0.9em;
	color:#00CCFF;
	}	

div#column2 a:hover{
	font-size:0.9em;
	color:#00CCFF;
	}
	
div#column2 a:active{
	font-size:0.9em;
	color:#00CCFF;
	}	


/*odoru-home.html: "motto yomu link : aling right"*/
.align_right{
	text-align:right;
	float:right;
	}

	
a:link{
	color:#00CCFF;
	text-decoration:underline;
	text-align:right;
	}

a:hover{
	color:#00CCFF;
	text-decoration:none;
	}		
	
a:visited{
	color:#00CCFF;
	}	
		

/*----------------------------------------------------------------------------------/*right banner column link styles*/
/*used in: odoru-home.html , columns.html*/

div#column3 ul, div#column_right ul, div#event_right ul{
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
div#column3 li, div#column_right li, div#event_right li{
	margin:0;
	text-align:left;
	text-decoration:none;
	margin:0 0 5px 10px;
	list-style-type:none;
	padding:3px 3px 10px 3px;
	width:145px;
	}	


div#column3 li a, div#column_right li a, div#event_right li a{
	text-decoration:none;
	color:#FFFFFF;
	}

div#column3 li a:link, div#column_right li a:link, div#event_right li a:link{
	text-decoration:none;
	color:#FFFFFF;
	}	

div#column3 p, div#column_right p{
	font-size:11px;
	color:#666666;
	text-align:center;
	margin-top:5px
	}
	
/*right column banner：frame (size S)*/	
.BannerS{
	height:auto;
	background-image:url(img/ad/ad_banner_s/ad_banner_s_bg.gif);
	background-repeat:no-repeat;
	}

/*right column banner：frame (size M)*/	
.BannerS02{
	height:200px;
	background-image:url(img/ad/ad_banner_s/ad_banner_s02_bg.gif);
	background-repeat:no-repeat;
	font-size: 9px;
	}		
.BannerS03 {
	height:232px;
	background-image:url(img/ad/ad_banner_s/ad_banner_s03_bg.gif);
	background-repeat:no-repeat;
	font-size: 9px;
	color: #000000;
}

/*----------------------------------------------------------------------------/*columns.html */

div#column_left{
	float:left;
	width:580px;
	height:auto;
	min-height:750px;
	margin:10px 10px 10px 20px;
	padding-left:10px;
	_height:750px;
	margin-bottom:10px;
}
		

div#column_right {
	float:left;
	width:160px;
	margin-top:10px;
	border-left:1px dotted #000;
	}


.description{
	text-align:left;
	font-size:10px;
	color:#666666;
	}


/*1-3段目*/
.column_section01, .column_section02, .column_section03{
	float:left;
	width:160px;
	height:auto;
	margin:10px 10px 20px 10px;
	}
	 

/*1段目 heading*/
.column_section01 h2{
	background-color:#00CCFF;
	color:#FFFFFF;
	font-size:13px;
	width:160px;
	}
	
/*１段目 heading02*/
/*長めのタイトル用：フォントサイズ小さめ*/
.column_section01 h3{
	background-color:#00CCFF;
	color:#FFFFFF;
	font-size:10px;
	width:160px;
	}	


/*２段目 heading*/
.column_section02 h2{
	background-color:#CCCC33;
	color:#FFFFFF;
	font-size:13px;
	width:160px;
	}

/*3段目 heading*/
.column_section03 h2{
	background-color:#FF0066;
	color:#FFFFFF;
	font-size:13px;
	width:160px;
	}

/*各コラムアイコンの枠*/
.column_section{
	text-align:center;
	background-image:url(img/layout/bg/column_frame.gif);
	background-repeat:no-repeat;
	background-position:center;
	width:60px;
	height:60px;
	padding:30px 50px 30px 50px;
	}


/*----------------------------------------------------------------------------/*EVENT*/

/*イベントページ：左コラム*/
div#event_left{
	float:left;
	width:580px;
	height:auto;
	min-height:750px;
	margin:10px 10px 10px 20px;
	padding-left:10px;
	_height:750px;
	margin-bottom:10px;
	border-right:1px dotted #000;
}


/*イベントページ：右コラム　：　広告バナー用*/
div#event_right {
	float:left;
	width:160px;
	margin-top:10px;	
	}


div#event{
	width:560px;
	border:2px solid #000;
	padding-bottom:10px;
	}
	
div#event h1{
	margin-bottom:10px;
	}	

/*フライヤー画像に適用する class*/
.EventFlyer{
	margin-bottom:10px;
	border:1px solid #000000;
	}

div#event h2{
	font-size:15px;
	width:555px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#999999;
	text-align:left;
	padding-left:5px;
	margin-bottom:5px;
	}


div#event h3{
	font-size:16px;
	font-weight:bold;
	color:#FF0066;
	text-align:left;
	padding:7px 0 7px 5px;
	}

div#event p{
	text-align:left;
	font-size:13px;
	width:550px;
	padding-left:5px;
	}
	

div#event ul{
	font-size:13px;
	color:#FF0066;
	list-style-type:circle;
	list-style-position:inside;
	margin:0 0 7px 7px;
	}
	

div#event span{
	font-weight:bold;
	color:#FFFFFF;
	background-color:#FF0066;
	padding:0 5px 0 5px;
	}

/*event chuuigaki : font color => pink*/
.EventCaution{
	font-size:13px;
	font-weight:bold;
	color:#FF0066;
	text-align:left;
	}
	

/*----------------------------------------------------------------------------/*FASHION*/
/*----------------------------------------------------------------------------/*DONDON*/


/*左コラム : バックナンバー*/
div#page02_left{
	float:left;
	width:166px;
	height:auto;
	margin: 10px 5px 0 10px;
	text-align:left;
	background-color:#443E41;
	text-align:center;
	}

/*右コラム : 写真*/
div#page02_right{
	float:right;
	width:593px;
	margin:10px 10px 0 0;
	padding-left:10px;
	border-left:1px dotted #000;
	text-align:left;
	}


div#page02_right h1{
	float:left;
	padding: 0 20px 10px 0;
	}

div#page02_right h2{
	font-size:15px;
	color:#FF0066;
	font-weight:bold;
	}
	
div#page02_right h3{
	font-size:13px;
	color:#000;
	}	

div#page02_right .highlight{
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#FF0066;
	padding:0 5px 0 5px;
	}

div#page02_right strong{
	font-weight:bold;
	color:#FF0066;
	}

/*separator = SECTION DIVISION class*/	
/*TopSeparator = TITLE DIVISION*/		
.separator, .TopSeparator{
	width:580px;
	border-bottom:1px dotted #000;
	margin-bottom:10px;
	}

.TopSeparator{
	height:200px;
	}


/*----------------------------------------------------------------------------/*column pages*/
/*damen, matsunami ...etc...*/

div#column_text{
	float:left;
	width:430px;
	height:auto;
	margin-left:180px;
	display:inline;
	padding:10px;
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
	border-left:1px dotted #000;
	border-right:1px dotted #000;
	line-height:18px;
	background-color: #FFFFFF;
	}

div#column_text h1{
	margin-bottom:15px;
	}
	
div#column_text h2{
	margin-bottom:10px;
	padding:5px 0 5px 0;
	font-size: 18px;
	color:#FFF;
	width:430px;
	background-color:#000000;
	}	

div#column_text h3{
	font-size:11px;
	color:#000000;
	font-weight:bold;
	margin-bottom:5px;
	}	

div#column_text h4{
	font-size:18px;
	color:#000000;
	font-weight:bold;
	}

	
div#column_text p{
	font-size:12px;
	color:#666666;
	padding-bottom:15px;
	}	

/*column illust and photos　class*/
.column_image{
	float:left;
	margin-right:7px;
	border:solid 1px #000;
	}

/*column illust and photos　div container*/
div#column_photos{
	width:200px;
	height:auto;
	float:left;
	padding:5px;
	margin-right:10px;
	background-color:#CCCCCC;
	}

div#column_photos p{
	font-size:10px;
	color:#000;
	text-align:left;
	float:left;
	line-height:12px;
	margin-top:7px;
	}		
	
div#column_photos span{
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	color:#000000;
	}	
	



div#column_text strong{
	font-size:18px;
	color:#000000;
	font-weight:bold;
	}

div#column_text span{
	font-size:11px;
	color:#FF0000;
	}


div#column_description{
	font-size:11px;
	color:#00CCFF;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
	padding:10px 0 10px 0;
	margin-bottom:10px;
	margin-top:10px;
	}


/*column intro*/
div#column_intro{
	width:420px;
	height:70px;
	background-color:#66CCCC;
	margin-bottom:10px;
	font-size:11px;
	color:#000;
	padding:5px;
	}


div#column_intro img{
	background-position:center;
	background-repeat:no-repeat;
	float:left;
	margin-right:20px;
	}
	
div#column_intro p{
	font-size:11px;
	color:#000;	
	}
	

.goroku-title{
	text-align:center;
	padding:5px 0 5px 0;
	font-size: 16px;
	color:#FFF;
	width:430px;
	background-color:#000000;
	}	

.goroku-subtitle{
	text-align:center;
	font-size: 12px;
	font-style:italic;
	color:#000000;
	margin-bottom:10px;
	margin-top:10px;
	border-bottom:1px dotted #000;
	}		

	
	
/*column backnumber*/


div#backnumber {
	float:left;
	width:166px;
	height:auto;
	margin-left:-625px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:left;
	background-color:#443E41;
	text-align:center;
	}	


div#backnumber ul, div#page02_left ul{
	font-size:11px;
	color:#FFFFFF;
	margin:0 0 20px 0;
	padding:0;
	list-style-type:none;
	}		
	

div#backnumber li, div#page02_left li{
	width:145px;
	border-bottom:1px dotted #FFFFFF;
	margin:0;
	text-align:left;
	text-decoration:none;
	margin-left:5px;
	padding:3px;
	list-style:none;
	}
	


div#backnumber li a, div#page02_left li a, div#horizontal_backnumber li a{
	font-size:10px;
	text-decoration:none;
	color:#FFFFFF;
	}
		
div#backnumber li a:link, div#page02_left li a:link, div#horizontal_backnumber li a:link{
	text-decoration:none;
	color:#FFFFFF;
	}	
	
	
div#backnumber li a:visited, div#page02_left li a:visited, div#horizontal_backnumber li a:visited{
	text-decoration:none;
	font-size:10px;
	color:#FFFFFF;
	}	
	
div#backnumber li a:hover, div#page02_left li a:hover, div#horizontal_backnumber li a:hover{
	text-decoration:none;
	font-size:10px;
	color:#00CCFF;
	}	
	
div#backnumber li a:active, div#page02_left li a:actice, div#horizontal_backnumber li a:active{
	text-decoration:none;
	font-size:10px;
	color:#00CCFF;
	}


div#backnumber h1, div#page02_left h1{
	margin:0;
	}
	
div#backnumber h2, div#page02_left h2{
	text-align:left;
	font-size:14px;
	color:#333333;
	background-color:#CCCC33;
	padding:5px 0 5px 7px;
	}	

div#backnumber h3{
	text-align:left;
	font-size:11px;
	color:#333333;
	background-color:#CCCCCC;
	padding:3px 0 3px 7px;
	}	


/*----------------------------------------------------------------------------/*FOOTER*/

div#footer_links{
	width:800px;
	height:80px;
	background-image:url(img/layout/bg/bg_footer.gif);
	background-repeat:no-repeat;
	background-position:center;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-right:10px;
	background-color:#FFFFFF;
	border-left:2px solid #000;
	border-right:2px solid #000;
	}
	
div#footer_links ul{
	padding:30px 50px 0 0;
	margin-left:170px;
	}
	
div#footer_links li{
	float:left;
	font-size:12px;
	color:#666666;
	list-style-type:none;
	margin-right:20px;
	}
	
div#footer_links li a:link{
	color:color:#3399FF;
	text-align:left;
	text-decoration:none;
	}	
	
div#footer_links li a:visited{
	color:color:#3399FF;
	text-align:left;
	text-decoration:none;
	}
	
div#footer_links li a:hover{
	color:color:#FF0066;
	text-align:left;
	text-decoration:none;
	}
	
div#footer_links li a:active{
	color:color:#FF0066;
	text-align:left;
	text-decoration:none;
	}			
			

div#footer {
	width:824px;
	height:80px;
	background-color:#000;
	margin-left:auto;
	margin-right:auto;
	}

.clearthis {
	clear:both;
	height:0;
	line-height:0;
	}



	
/*------------------------------------------------------------------/*「MANABU HATARAKU FEATURE*/


/*backnumber link container for「MANABU HATARAKU FEATURE*/
div#intro, .horizontal_backnumber_container{
	height:auto;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px #000;
	}

div#intro{
	width:770px;
	padding:15px;
	margin-bottom:10px;	
	}

.horizontal_backnumber_container{
	width:800px;
	background-color:#443E41;
	margin-bottom:30px;
	}

div#intro h1{
	font-size:12px;
	width:auto;
	background-color:#CCCC33;
	color:#FFFFFF;
	padding-left: 5px;
	}	

div#intro p{
	line-height:13pt;
	text-indent:10px;
	}

div#intro strong{
	color:#FFFFFF;
	font-size:12px;
	background-color:#FF0066;
	}

div#intro span{
	font-weight:bold;
	color:#FF0066;
	}

.horizontal_backnumber{
	font-size:9px;
	width:50%;
	height:auto;
	text-align:left;
	background-color:#443E41;	
	/*border-left:solid 1px #000;*/
	float:left;
	}


div#horizontal_text p{
	margin:5px 5px 0 5px;
	}

/*backnumber heading: MANABU HATARAKU FEATURE*/	
.horizontal_backnumber_container h1{	
	font-size:12px;
	width:auto;
	background-color:#CCCC33;
	color:#FFFFFF;
	margin-bottom:7px;
	}

.horizontal_backnumber ul{
	font-size:10px;
	color:#FFF;
	margin:0 0 20px 0;
	padding:0;
	list-style-type:none;
	}	
	
.horizontal_backnumber li{
	width:370px;
	border-bottom:1px dotted #FFF;
	margin:0;
	text-align:left;
	text-decoration:none;
	margin-left:5px;
	padding:1px;
	list-style:none;
	}

/*use for boxed section in feature pages*/
div#separator_02, div#separator_03{
	border-top:1px dotted #000000;
	border-bottom:1px dotted #000000;
	margin:-20px 10px 0 10px;
	padding:10px;
	text-align:left;
	}
		
div#separator_03{
	height:auto;
	}		
	
div#separator_02 h1, div#separator_03 h1, .feature_separator_02 h1{
	font-size:12px;
	background-color:#FF0066;
    color:#FFFFFF;
	font-weight:bold;
	padding:5px;
	margin-bottom:7px;
	}	
	
div#separator_02 p, div#separator_03 p, .photos_s p{
	margin-bottom:10px;
	}		
	
/*FEATURE: class used for images*/
.photos_s{
	width:auto;
	height:auto;
	float:left;
	margin:0 5px 0 5px;
	}

.feature_separator_01,.feature_separator_02{
	width:780px;
	padding:10px 0 5px 20px;
	margin:0 0 10px 10px;
	text-align:left;
	}

.feature_separator_01{
	border-top:2px dotted #000000;
	border-bottom:2px dotted #000;
	}

.feature_separator_01 h1{
	font-size:16px;
	text-align:left;
	}
	
.feature_separator_02{
	width:780px;
	height:320px;	
	border-bottom:1px dotted #000000;	
	}
.style_text01 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #000000;
}
div#column_intro02 {
	width:420px;
	height:200px;
	background-color:#66CCCC;
	margin-bottom:10px;
	font-size:11px;
	color:#000;
	padding:5px;
}
.style19 {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.style20 {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}