#container{
  width: 800px;
  margin:0 auto;
  text-align: left;
}

#wrapper{
float:left;
width:100%;
}

#catch{
height:18px;
margin-top:4px;
font-size: 11px;
color: #A18068;
}

#head{
width:100%;
height: 58px;
margin-top: 10px;
}

#head .title{
float:left;

}

#head .contact{
float:right;
}

#navi{
 height: 39px;
 font-size: 10px;
 padding-top:10px;
 color: #898079;
}


#menu{
 height: 50px;
	}
#menu ul{
   margin:0;
   padding:0;
}
#menu ul:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
#menu li{
	display: inline;}
#menu li a{
	float: left;
	overflow: hidden;
}


#contents{
 float:left;
 width:100%;
 margin-bottom:30px;
}


#main{
 float:left;
 width: 580px;
}

#main .title{
 margin-bottom:10px;
}

#main .box{
float:left;
 width:550px;
 border: 2px solid #4F3F32;
 padding:15px 13px;
 background-color:3D2D20;
}

*html #main .box{
float:left;
 width:580px;
 border: 2px solid #4F3F32;
}

#main .full{
float:left;
width:100%;
padding-top:10px;
padding-bottom:10px;
border-bottom:1px dashed #786C63;
}

#main .back{
 text-align:right;
 padding-top:30px;
}


/* news */
#news{float:left; width: 580px;}

#news .title{margin-bottom:10px;}

#news .box{
 float:left;
 width:550px;
 border: 2px solid #4F3F32;
 padding:15px 13px;
 background-color:3D2D20;
}

*html #news .box{
 float:left;
 width:580px;
 border: 2px solid #4F3F32;
}

#news .rbox{
 float:left;
 width:550px;
 border: 2px solid #4F3F32;
 padding:15px 13px;
 background-color:3D2D20;
 margin-top:15px;
}

*html #news .rbox{
 float:left;
 width:580px;
 border: 2px solid #4F3F32;
 margin-top:15px;
}

#news .newscont{
 float:left;
 width: 550px;
 border-top: 1px dashed #786C63;
 border-bottom: 1px dashed #786C63;
}


#news .box .maintitle{
 height:30px;
 background:url(../images/title/news_bg.gif) 0 0 no-repeat;
 padding:7px 0 0 31px;
 font-weight:bold;
}

#news .yeartitle{
 height:30px;
 background:url(../images/title/news_bg.gif) 0 0 no-repeat;
 padding:7px 0 0 31px;
 color:#C69850;
 font-weight:bold; 
}

#news .nav{
 float:left;
 width:550px;
 padding:5px 0px;
}

#news .nav{
    float:left;
	text-align:right;
}
#news .nav ul{
    margin: 0;
	padding: 0;
}
#news .nav ul:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
#news .nav li{
    margin: 0 5px;
	background:url(../images/news_icon.gif) 0px 23px no-repeat;
    padding: 19px 0 0 15px;
	display: inline;}
#news .nav li a{
	overflow: hidden;
}

#news .contents{
 float:left;
 width:520px;
 padding:15px;
 border-top: 1px dashed #786C63;
 border-bottom: 1px dashed #786C63;
}

*html #news .contents{
 float:left;
 width:550px;
 padding:15px;
 border-top: 1px dashed #786C63;
 border-bottom: 1px dashed #786C63;
}

#news .box .maintitle{
 height:30px;
 background:url(../images/title/news_bg.gif) 0 0 no-repeat;
 padding:7px 0 0 31px;
 font-weight:bold;
}


#news .topics .title{
color:#C4984F;
padding-left:5px;
}

#news .topics .title a{
color:#C4984F;
text-decoration: underline;}
}

#news .topics ul{
padding: 0; 
margin: 0; 
list-style-type: none; 
}

#news .topics li{
    height:25px;
	background:url(../images/news_icon.gif) 2px 10px no-repeat;
	padding:6px 0 0 15px;
}

*html #news .topics li{
    height:30px;
	background:url(../images/news_icon.gif) 2px 10px no-repeat;
	padding:7px 0 0 15px;
}

#news ul{
float:left;
padding: 0; 
margin: 0; 
list-style-type: none; 
}

#news li{
    height:25px;
	background:url(../images/news_icon.gif) 2px 10px no-repeat;
	padding:6px 0 0 15px;
}

*html #news li{
    height:30px;
	background:url(../images/news_icon.gif) 2px 10px no-repeat;
	padding:7px 0 0 15px;
}

/* service */
#service{float:left; width: 580px;}

#service .title{margin-bottom:10px;}

#service .box{
 width:550px;
 height:405px;
 border: 2px solid #4F3F32;
 padding:15px 13px;
 background-color:3D2D20;
}

#service .wrapper{
float:left;
width:100%
}

#service .main{
margin: 0 187px;
width:173px;
height:405px;
border: 1px solid #71655B;
}

#service .left{
float:left;
margin-left:-550px;
width:173px;
height:405px;
border: 1px solid #71655B;
}

#service .right{
float:left;
width:173px;
margin-left:-175px;
height:405px;
border: 1px solid #71655B;
}

#service .photo{
float:left;
width:158px;
height:100px;
padding: 7px;
}

#service .sentence{
width:157px;
padding-left:8px;
}

#service ul{
padding-left: 6px; 
margin: 0; 
list-style-type: none; 
}


#service li{
	background:url(../images/news_icon.gif) 2px 10px no-repeat;
	padding:6px 0 0 15px;
}

#service ul li ul{
padding:0; 
margin: 0; 
list-style-type: none; 
}


#service ul li ul li{
	background:url(../images/news_icon.gif) 2px 10px no-repeat;
	padding:6px 0 0 15px;
}

/* サロン */
#salon{float:left; width: 580px;}

#salon .title{margin-bottom:10px;}

#salon .box{
 width:550px;
 border: 2px solid #4F3F32;
 padding:15px 13px;
 background-color:3D2D20;
}

*html #salon .box{
 width:580px;
 border: 2px solid #4F3F32;
 padding:15px 13px;
}

#salon .mainphoto{
 padding-top:20px;
}

#salon .full{
float:left;
width:100%;
padding-top:10px;
}

#salon .box2{
 float:left;
 width:100%;
 margin-top:20px;
 margin-bottom:10px;
}

#salon .left{
 float:left;
 width:228px;
}

#salon .right{
 float:left;
 width:322px;
}

#salon .box3{
 float:left;
 width:100%;
 margin-bottom:10px;
}

#salon .left1{
 float:left;
 width:150px;
 font-size:10px;
}

#salon .right1{
 float:left;
 width:150px;
 margin-left:12px;
 font-size:10px;
}

#salon .option{
 float:left;
 font-size:10px;
}

#salon .subtitle{
 padding-bottom:10px;
}

#salon .map{
width:550px;
padding-bottom:15px;
}

#salon .button{
text-align:center;
width:550px;
height:32px;
padding-top:15px;
padding-bottom:15px;
}

#salon .back{
 text-align:right;
 padding-top:20px;
}

/* アーティスト・ベーシックサービス,サービス内容 */
#aservice{float:left; width: 580px;}

#aservice .title{margin-bottom:10px;}

#aservice .box{
 width:550px;
 border: 2px solid #4F3F32;
 padding:15px 13px;
 background-color:3D2D20;
}

*html #aservice .box{
 width:580px;
 border: 2px solid #4F3F32;
 padding:15px 13px;
}

#aservice .box2{
 float:left;
 width:100%;
 margin-top:20px;
 margin-bottom:10px;
}
#aservice .box3{
 float:left;
 width:100%;
 margin-top:18px;
}


#aservice .subtitle{
 padding-bottom:10px;
}

#aservice .sub{
 font-size:13px;
 font-weight:bold;
 color:#C69850;
 background:url(../images/basic_icon.gif) 0px 2px no-repeat;
 padding:1px 0 5px 18px;
}

#aservice .catch{
 font-size: 14px;
 color:#DEBC87;
 font-weight: bold;
}

#aservice .sen1{
float:left;
width:280px;

}

#aservice .ph1{
float:right;
width:253px;
height:159px;

}

#aservice .sen2{
float:left;
width:345px;
}

#aservice .ph2{
float:right;
width:190px;
height:129px;
}

#aservice .ph3{
float:right;
width:190px;
height:260px;
margin-top:10px;
}

#aservice .full{
float:left;
width:100%;
padding-top:10px;
}

#aservice .button{
float:right;
height:32px;
padding-top:15px;
}

#aservice .back{
 text-align:right;
 padding-top:20px;
}

#aservice .navi{
float:left;
width:550px;
margin-top:10px;
}


#aservice .wrapper{
float:left;
width:100%;
}

#aservice .main{
margin: 0 190px;
width:170px;
height:65px;
}

#aservice .left{
float:left;
margin-left:-550px;
width:170px;
height:65px;
}

#aservice .right{
float:left;
width:170px;
height:65px;
margin-left:-170px;

}

#aservice .photo{
float:left;
width:65px;
height:65px;
}

#aservice .name{
float:left;
width:90px;
background:url(../images/news_icon.gif) 5px 27px no-repeat;
padding: 22px 0 0 15px;
}

*html #aservice .name{
float:left;
width:100px;
background:url(../images/news_icon.gif) 10px 27px no-repeat;
padding: 22px 0 0 25px;
}

#aservice .pleft{
 float:left;
 width:266px;
 border: 2px solid #786C63;
}

#aservice .pright{
 float:right;
 width:266px;
 border: 2px solid #786C63;
}

#aservice .pleft1{
 float:left;
 width:266px;
 border: 2px solid #786C63;
}

#aservice .pright1{
 float:right;
 width:266px;
 border: 2px solid #786C63;
}

#aservice .ptitle{
float:left;
width:263px;
height:22px;
border-bottom: 2px solid #786C63;
background:url(../images/outline_bg.gif) 0px 0px no-repeat;
font-weight:bold;
padding:3px 0px 0px 5px; 
}

*html #aservice .ptitle{
float:left;
width:266px;
height:25px;
border-bottom: 2px solid #786C63;
background:url(../images/outline_bg.gif) 0px 0px no-repeat;
font-weight:bold;
padding:3px 0px 0px 5px; 
}

#aservice .psen{
float:left;
font-size:10px;
padding:5px; 
}

/* CD・DVD  */
#shop{float:left; width: 580px;}

#shop .title{margin-bottom:10px;}

#shop .box{
 float:left;
 width:550px;
 border: 2px solid #4F3F32;
 padding:15px 13px;
 background-color:3D2D20;
}

*html #shop .box{
 width:580px;
 border: 2px solid #4F3F32;
}

#shop .maintitle{
 height:30px;
 background:url(../images/title/news_bg.gif) 0 0 no-repeat;
 padding:7px 0 0 31px;
 color:#C69850;
 font-weight:bold; 
 margin-top:15px;
}

#shop .set{
 float:left;
 width:100%;
 margin-top:10px;
 border-bottom:1px dashed #796C63;
}

#shop .set2{
 float:left;
 width:100%;
 margin-top:10px;
 margin-bottom:15px;
}

#shop .left{
 float:left;
 width:165px;
}

#shop .right{
 float:left;
 width:385px;
}

#shop .orderleft{
 float:left;
 width:380px;
}

#shop .orderright{
 float:left;
 width:170px;
}

#shop .order{
 float:left;
 width:370px;
 border-bottom:1px dashed #796C63;
 margin-bottom:5px;
 padding-bottom:5px;
}

#shop .math{
 float:left;
 width:90px;
}

#shop .mathanswer{
 float:left;
 width:280px;
}

#shop .cdtitle{
 float:left;
 width:385px;
 border-left:4px solid #C79850;
 font-size:13px;
 font-weight:bold;
 color:#C79850;
 padding:2px 0px 2px 4px;
}

#shop .cddetail{
 float:left;
 width:375px;
 height:20px;
 border-left:4px solid #E0E0E0;
 border-bottom:1px dashed #E0E0E0;
 font-size:11px;
 color:#E0E0E0;
 padding:1px 0px 0px 4px;
}

#shop .comment{
 float:left;
 width:375px;
 padding-top:10px;
}


#shop .songlist{
 float:left;
 width:375px;
 padding-top:10px;
 font-size:11px;
}

#shop .songtable{
 float:left;
 margin-top:10px;
}

#shop .button{
 float:right;
 height:32px;
 padding-top:15px;
 padding-bottom:20px;
}

#shop .back{
 text-align:right;
 padding-top:20px;
}

/* サイトマップ */
#sitemap{float:left; width: 580px;}

#sitemap .title{margin-bottom:10px;}

#sitemap .box{
 width:550px;
 border: 2px solid #4F3F32;
 padding:15px 13px;
 background-color:3D2D20;
}

*html #sitemap .box{
 width:580px;
 border: 2px solid #4F3F32;
}

#sitemap .top{
    margin:10px 0px 0px 25px;
	background:url(../images/news_icon.gif) 2px 10px no-repeat;
	padding:6px 0 0 15px;
}
#sitemap .mainpage{
margin-left: 20px;

}

#sitemap .mainpage ul{
padding-left:20px;
margin:0;
list-style-type: none; 
}

#sitemap .mainpage li{
    background:url(../images/news_icon.gif) 2px 10px no-repeat;
	padding:6px 0 0 15px;
}

#sitemap .subpage{
margin-left: 15px;  
}

#sitemap .subpage1{
margin-left: 30px;  
}

#sitemap ul li ul li{
	background:url(../images/news_icon.gif) 2px 10px no-repeat;
	padding:6px 0 0 15px;
}

#news .topics li{
    height:25px;
	background:url(../images/news_icon.gif) 2px 10px no-repeat;
	padding:6px 0 0 15px;
}

*html #news .topics li{
    height:30px;
	background:url(../images/news_icon.gif) 2px 10px no-repeat;
	padding:7px 0 0 15px;
}

#news ul{
padding: 0; 
margin: 0; 
list-style-type: none; 
}

#news li{
    height:25px;
	background:url(../images/news_icon.gif) 2px 10px no-repeat;
	padding:6px 0 0 15px;
}

*html #news li{
    height:30px;
	background:url(../images/news_icon.gif) 2px 10px no-repeat;
	padding:7px 0 0 15px;
}

/* プライバシーポリシー */

#policy .name{text-align:right; margin-top:10px; margin-bottom:20px;}

#policy ul{padding: 0; margin: 0; list-style-type: none; }

#policy li{
	background:url(../images/policy_icon.gif) 2px 10px no-repeat;
	padding:6px 0 0 15px;}

#policy .date{
border-top:1px dashed #786C63;
text-align:right; 
margin-top:10px;
padding-top:20px;
margin-bottom:20px;}

#policy ul{padding: 0; margin: 0; list-style-type: none; }

#policy li{
	background:url(../images/policy_icon.gif) 2px 10px no-repeat;
	padding:6px 0 0 15px;}

#policy .date{
border-top:1px dashed #786C63;
text-align:right; 
margin-top:10px;
padding-top:20px;
margin-bottom:20px;}

/* 会社案内*/

#com .cont1{
height:40px;
border-bottom:1px dashed #786C63;
}

#com .cont2{
height:75px;
border-bottom:1px dashed #786C63;
}

#com .cont3{
height:110px;
border-bottom:1px dashed #786C63;
}

#com .title{
float:left;
width:100px;
padding:10px 0 0 11px;
}

#com .sentence{
float:left;
width:420px;
padding-top:10px;
}

#com .map{
width:550px;
padding-top:10px;
padding-bottom:15px;
}

/*　お問い合わせ　*/

#contact .cbox{
float:left;
border-bottom:1px dashed #786C63;
padding:10px 0px;
}

#contact .title{
float:left;
width:130px;
}

#contact .sentence{
float:left;
width:410px;
}

#contact .addex{
float:left;
margin:-16px 0 0 220px;
}

#contact .sup{
font-size:10px;
padding-bottom:10px;
}

#contact .answer{
float:left;
width:100%;
border-top:1px dashed #786C63;
padding-top:10px;
}

#contact .button{
text-align:center;
margin-top:10px;
}

#f1{
width:210px;
color:#000;
}

#f2{
width:210px;
height:50px;
color:#000;
}

#f2{
width:210px;
height:50px;
color:#000;
}

#f3{
width:385px;
height:65px;
color:#000;
}

#contact .o1{
color:#000;
}

#contact .t1{
font-size: 11px;
}

#contact .erbox{
float:left;
width:530px;
color:#FF0000;
background-color:#4F3F32;
padding:10px;
margin:10px 0px;
}

*html #contact .erbox{
float:left;
width:550px;
color:#FF0000;
background-color:#4F3F32;
padding:10px;
margin:10px 0px;
}


/* side */

#side{
 float:left;
 width: 196px;
 margin-left: 24px;
}

#side .contents{
 margin-top: 11px;
}

#side .contents .title{
 margin:0;
 padding:0;
}

#side .contents .box{
 width: 194px;
 background-color:3D2D20;
 border: 1px solid #4F3F32;
}

*html #side .contents .box{
 width: 196px;
 border: 1px solid #4F3F32;
}

#side .contents .box .photo{
 float:left;
 width:55px;
 height:55px;
}

#side .contents .box .section1{
 margin-top: 12px;
 margin-left: 10px;
 width: 170px;
 height:68px;
 border-bottom: 1px dashed #7A6C63;
}

#side .contents .box .section2{
 margin-top: 12px;
 margin-left: 10px;
 width: 170px;
 height:68px;
}

#side .contents .box .sentence1{
 float:left;
 width:90px;
 margin-left:10px;
 background:url(../images/news_icon.gif) 0px 23px no-repeat;
 padding: 19px 0 0 15px;
}

#side .contents .box .sentence2{
 float:left;
 width:90px;
 margin-left:10px;
 background:url(../images/news_icon.gif) 0px 23px no-repeat;
 padding: 10px 0 0 15px;
}

/* フッター */

#foot{
margin-top:15px;
 float:left;
 width:100%;
 font-size: 11px;
 height: 28px;
 text-align: center;
 color: #A9844A;
 background-color: #463629;
 padding-top:5px;
}




#copyright{
float:left;
width:100%;
 margin-top: 13px;
 margin-bottom: 5px;
 text-align: center;
 font-family:"Times New Woman","Times","Serif";
 font-size: 13px;
 color: #786C63;
}


/* ---------- newsテンプレート用 ---------- */
.end_res {
padding-bottom:15px;
}