/* CSS Document */
/* レイアウトの設定*/
body{
	margin:5px 10px 2px 10px;
    padding:0px;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,li{
    margin-top:0;
	margin-bottom:0;
}
img{border:0px;}


/* ヘッダーの設定*/
#head{
    width:800px;
	text-align:left;
    margin:0px auto 30px;
    background-color:#FFFFFF;
}

/* ラッパーの設定*/
#wrap{
 width:800px;
 text-align:left;
 margin:0 auto;
 background-color:#FFFFFF;
 border-left:1px solid #BF3F6F;
 border-right:1px solid #BF3F6F;
 border-bottom:1px solid #BF3F6F;
}


/* 左側の設定*/
#left{
    width:200px;
    float:left;
    background-color:#FFFFFF;
	margin:0;	
}

.menu div{
	margin:10px 0 0 5px;
	padding:2px 0;
}	
	
.menu ul{
	margin-top:5px;
	margin-bottom:10px;
	margin-left:0px;
	padding-left:0;
}

.menu li{
	margin-bottom:5px;/*menu縦間隔*/
	list-style-type:none;
}

.menu a{
	margin:5px 0 0 20px;
	padding-left:25px;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	background-image:url(image/menuicon-arrow-g.gif);
	background-repeat:no-repeat;

}
.menu a:link{/*未訪問のリンク*/
    color:#666666;
}
.menu a:visited{/*訪問後のリンク*/
    color:#666666;
}
.menu a:hover{/*マウスをのせたとき*/
    color:#FF6600;
	background-image:url(image/menuicon-arrow-o.gif);
	background-repeat:no-repeat;
}
.menu a:active{/*クリック中*/
    color:#FF0000;
}
	

.menutitle{
	font-size:large;
	font-weight:bold;
	color:#FFFFFF;
	background-image:url(image/h2.jpg);
	background-repeat:no-repeat;
    padding-left:4px;
	margin-top:20px;
}   

.ban{
	margin-left:9px;
	margin-top:40px;
	text-align:center;
}


/* 右側の設定(共通)*/
#right{
    width:570px;
    float:left;
	border-left-color:#BF3F6F;
	border-left-style:solid;
	border-left-width:1px;
}

.contentsbase{
	font-size:small;/*右側テキストのデフォルト*/
	color:#333333;
	margin-left:20px;
　　margin-right:0px;
}

/*共通見出し*/
h1{
	padding:0 0 2px 0;
	border-bottom:6px double #8D0148;
	color:#8D0148;
	margin-bottom:20px;
}

h2{
	padding:0 0 0 2px;
	border-left:1em solid #8D0148;
	color:#8D0148;
	margin-top:20px;
	margin-bottom:5px;	
} 



.h33{
    font-size:large;/*コンテンツタイトル用*/
    background-color:#FFFFFF;
    border-style:solid;
    border-width:0px;
    border-bottom-width:2px;
    border-left-width:15px;
    border-color:#9c0e55;
	padding:4px;
	margin:10px 0 10px 0;
}

.h4{
}

p{
	margin:10px 0 10px 0;
}

.bold{
    font-weight:bold;/*太字(黒)*/
}

.small{
	font-size:x-small;
}

.numberlist{
    list-style:decimal;/*リスト(数字)*/
	font-size:small;
	margin-bottom:2em;	
}
.dotlistxs{
    list-style:disc;/*リスト(点・極小)*/
	font-size:x-small;
	margin-bottom:1em;	
}
.dotlist{
    list-style:disc;/*リスト(点・小)*/
	font-size:small;	
}
.list{
    list-style:none;/*リスト(点なし)*/
	font-size:small;
}

/*共通その他*/

HR.line1 { 
  color: #BF3F6F; /* 線の色(IE用) */
  background-color: #BF3F6F; /* 線の色(NN用) */
  height: 2px; /* 線の太さ */
  border: 2px; /* 枠の太さ */
  border-style: dotted; /* 枠の種類 */
} 

HR.line2 { 
  color: #BF3F6F; /* 線の色(IE用) */
  background-color: #BF3F6F; /* 線の色(NN用) */
  height: 1px; /* 線の太さ */
  border: 1px; /* 枠の太さ */
  border-style: dotted; /* 枠の種類 */
} 

.image_text{
  float: left;/* 画像回り込み(テキスト右) */
  margin-right:2em;
}

.text_image{
  float: right;/* 画像回り込み(テキスト左) */
  margin-right:2em;
}



/* TOPページ右側の設定*/
.topboxPIC{
	padding-left:25px;
}
.topbox2{
	padding-left:30px;
}
.topboxL{
　　float:left;
	margin:0 10px 10px 0;
}
.topboxR{
　　float:right;
	margin:50px 10px 10px 0;
}

h3.reco_title{
	padding:0 0 0 2px;
	border-left:20px solid #8D0148;
	border-bottom:2px solid #8D0148;
	color:#8D0148;
	margin-top:10px;
	margin-bottom:5px;
}

p.reco{
	color:#339900;
}

/* 会社案内テーブル*/
table.company{
    border-top:1px solid #666666;
    border-left:1px solid #666666;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
	
html>body .company{
    border-collapse:separate;
}
.company th{
    border-right:1px solid #666666;
    border-bottom:1px solid #666666;
    color:#666666;
    background-color:#CCCCCC;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.company td{
    border-right:1px solid #666666;
    border-bottom:1px solid #666666;
    padding:0.3em 1em;
}

a.com {/*リンクされた文字*/
    color:#FF3300;
    font-style:normal;
    text-decoration:underline;
}
a:link.com {/*未訪問のリンク*/
    color:#FF3300;
    font-style:normal;
    text-decoration:underline;
}
a:visited.com {/*訪問後のリンク*/
    color:#FF3300;
    text-decoration:underline;
}
a:hover.com {/*マウスをのせたとき*/
    color:#3333FF;
    font-style:normal;
    text-decoration:underline;
}
a:active.com {/*クリック中*/
    text-decoration:none;
}

/* CD・DVDページ*/

h3.e-shop{
	float:left;
	font-weight:bold;
    padding-left:4px;
	margin:2px 0 10px 0;
	color:#FF6600;
} 

.mobile{
	color:#00CC00;
	margin:2px 0 10px 30px;
}	

.url{
	font-size:small;
	font-weight:normal;
	color:#333333;
	margin:2px 0 10px 5px;	
}

a.url {/*リンクされた文字*/
	color:#333333;
    font-style:normal;
    text-decoration:underline;
}
a:link.url {/*未訪問のリンク*/
	color:#333333;
    font-style:normal;
    text-decoration:underline;
}
a:visited.url {/*訪問後のリンク*/
	color:#333333;
    text-decoration:underline;
}
a:hover.url {/*マウスをのせたとき*/
    color:#3333FF;
    font-style:normal;
    text-decoration:underline;
}
a:active.url {/*クリック中*/
    text-decoration:none;
}

/* 本やタウン・e-honページ*/

h3.book{
	font-weight:bold;
    padding-left:4px;
	margin:10px 0 0 0;
	color:#FF6600;
} 

p.book{
	margin:5px 0 10px 0;
}

.green{
	color:#00CC00;
	margin:10px 0 0 0;
}

/* 個人情報保護方針*/

.sign{
	float:right;/* 社長署名部分*/
　　margin-top:20 10 0 50;
}



/* 問い合わせ*/
.ibox1{
    width:auto;
	height:auto;
    background-color:#cccccc; 
	padding:25px;
}

.q{
	margin-bottom:10px;		
}

.ibox2{
    width:auto;
	height:auto;
    background-color:#ffffff; 
	margin-bottom:200px;
	padding:25px;
}

/* 店舗開発*/
.pic1{
	float:left;
	margin-right:20px;
}

.pic2{
	float:left;
}	

.for_dev{
	text-align:center;
	color:#0000FF;
	font-weight:bold;
	font-size:large;	
}

.contact{
	margin-top:10px;
	text-align:left;
}



table.dev{
	clear:both;
    border-top:1px solid #666666;
    border-left:1px solid #666666;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
	
html>body .dev{
    border-collapse:separate;
}
.dev th{
    border-right:1px solid #666666;
    border-bottom:1px solid #666666;
    color:#333333;
    background-color:#CCCCCC;
    background-position:left top;
    padding:0.3em 1em;
    text-align:left;
}
.dev td{
    border-right:1px solid #666666;
    border-bottom:1px solid #666666;
    padding:0.3em 1em;
}

.dev-bottan{
	margin:10px 0 20px 150px;
} 

/* 契約社員応募*/
table.emp{
	clear:both;
    border-top:1px solid #666666;
    border-left:1px solid #666666;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#FFFFFF;
    empty-cells:show;
}
	
html>body .emp{
    border-collapse:separate;
}
.emp th{
    border-right:1px solid #666666;
    border-bottom:1px solid #666666;
    color:#333333;
    background-color:#FFCCCC;
    background-position:left top;
    padding:0.3em 1em;
    text-align:left;
}
.emp td{
    border-right:1px solid #666666;
    border-bottom:1px solid #666666;
    padding:0.3em 1em;
}

/* トピックス*/
.topic-pic1{
	float:left;
	margin-right:20px;
}

.topic-pic2{
	float:left;
}

.topic-space{
	clear:both;
	margin-bottom:20px;
}

.b-200{
	margin-bottom:200px;/* コンテンツボトムスペース調整*/
}

.b-100{
	margin-bottom:100px;/* コンテンツボトムスペース調整*/
}

/* リンク*/
dl.lk{
	margin:5px 40px 5px 15px;
	float:left;
}

dt.lk{
	float:left;
}

dd.lk{
	margin-left:200px;
	margin-top:30px;
}

.b-300{
	margin-bottom:300px;/* コンテンツボトムスペース調整*/
}
	


/* フッターの設定*/
#foot{
    width:800px;	
	clear:both;	
 　 border-top:1px solid #BF3F6F;
	font-size:small;
	color:#333333;
	text-align:center;
}	
a.foot {/*リンクされた文字*/
    color:#666666;
    font-style:normal;
    text-decoration:underline;
}
a:link.foot {/*未訪問のリンク*/
    color:#666666;
    font-style:normal;
    text-decoration:underline;
}
a:visited.foot {/*訪問後のリンク*/
    color:#999999;
    text-decoration:underline;
}
a:hover.foot {/*マウスをのせたとき*/
    color:#FF6600;
    font-style:normal;
    text-decoration:underline;
}
a:active.foot {/*クリック中*/
    text-decoration:none;
}
.footboxL{
　　margin-top:10px;
	margin-left:100px;
	margin-bottom:10px;	
}
.footboxR{
　　float:right;
　　margin-top:10px;
	margin-left:10px;
	margin-right:10px;
}