/* Base Weblog (base-weblog.css) */

/* basic elements */

html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}


form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }


.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

@charset "shift_jis";



body {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 75%;
	line-height: 2;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background:#ffffff url(images/bg.gif) repeat-x;
}

textarea {
	font-size: 11px;
}

h1,h2,h3,p,ul,li{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
a {
	color: #333333;
}
a:hover {
	color: #E30021;
}
img {
	border: none;
}
.look {
	background: #efefef;
}

.xxs { font-size:10px; }
.xs {font-size:12px; color: #F26522;
}
.right { text-align:right;font-size:12px;  color: #ff33cc; }








/*コンテナー
---------------------------------------------------------------------------------------*/
#container {
	background: url(images/container_bg.gif) repeat-y;
	text-align: left;
	width: 904px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 4px;
	padding-left: 4px;
}



/*ヘッダー
---------------------------------------------------------------------------------------*/
#header {
	background: url(images/header_bg.gif) no-repeat;
	height: 220px;
}
#header h1 {
	font-size: 10px;		/*h1タグの文字サイズ*/
	color: #cccccc;			/*文字色（ここではグレー色）*/
	line-height: 1.2em;
	font-weight: normal;	/*通常の文字の太さに設定。もし太字にしたいならこの１行を削除する*/
	padding-left: 20px;
	padding-top: 10px;
}


/*メインメニュー
---------------------------------------------------------------------------------------
■画像なのでdisplay:inlineでもいいんですが、ビルダー編集画面で縦に並ぶので今回はfloat処理
---------------------------------------------------------------------------------------*/
ul#menu {
	width: 904px;
	margin-right: auto;
	margin-left: auto;
}
ul#menu li {
	float: left;
}
ul#menu img {
	vertical-align: bottom;
}



/*コンテンツ
---------------------------------------------------------------------------------------*/
#contents {
	clear: left;	
	width: 898px;
	padding-top: 3px;
	margin-right: auto;
	margin-left: auto;
}



/*メイン（右側）コンテンツ
---------------------------------------------------------------------------------------*/
#main {
	float: left;
	width: 570px;
	display: inline;
	margin-left: 10px;
	margin-top: 5px;
        padding-top: 10px;
	padding-bottom: 100px;
}
.today {	margin-left: 10px;
	font-size: 100%;
	background: url(images/today_bg.gif) no-repeat;	/*h2の背景画像設定*/
	color: #fff;		/*h2の文字色（ここでは白）*/
	text-align: center;	/*h2の文字のセンタリング（中央よせ）。もし左よせがよければこの１行を削除する。*/
	line-height: 44px;
}
.topics {	margin-left: 10px;clear: both;
	font-size: 100%;
	background: url(images/topics_bg.gif) no-repeat;	
	color: #fff;		
	text-align: center;	
	line-height: 44px;
}

.titel {	margin-left: 10px;
	font-size: 16px;
	background: url(images/titels_bg.gif) no-repeat;	
	color: #fff;		
	line-height: 44px; padding-left: 20px;
}
#main p {
	padding: 0.5em 20px 1em;	/*メインコンテンツ内の段落タグ<p>設定*/
}
#topi{margin-top: 15px;margin-left: 10px;
border: 1px solid #ccc;
 padding:0 10px;
           color:#000;
height:350px; 
overflow-y: scroll;  
scrollbar-base-color : #000000;
scrollbar-face-color  :#000000;
scrollbar-track-color : #ccc;
scrollbar-arrow-color  :#ccc;
scrollbar-highlight-color  :#fff;
                   list-style: none;

}
.midasi{
  border-top-color: #ccc; /* 上枠の色 */
  border-bottom-color: #ccc; /* 下枠の色 */
 border-style: double; /* 枠の種類 */
  border-width: 4px 0px; /* 枠の幅 */
margin-left: 10px;margin-top: 10px;
               clear: both;
	font-size: 100%;	
	color: #000;		
	text-align: center;	
	line-height: 25px;

}

#topi img{border: 1px solid #ccc;width: 120px;
	float: left;
	margin: 3px;
                padding: 3px;

}
.staff-list { margin-top: 20px;margin-left: 10px;
margin-bottom: 20px;
    list-style: none;
    font-size: 14px;
   line-height: 14px;
}
.staff-list-item {width:100px;background: url(images/art.gif) no-repeat;
    height:185px;
margin: 5px;            padding-top: 5px;
   text-align:center; 
   float: left;
} 
.staff-list-item a {text-decoration: none;
    color: #000;}



.staff-list-item a:hover {
    color: #ff33ff;
}


.s-list { margin-top: 20px;margin-left: 10px;
margin-bottom: 20px;
    list-style: none;
    font-size: 14px;  line-height: 14px; 
}
.s-list-item {width:130px;background: url(images/art2.gif) no-repeat;
    height:180px;
margin: 5px;           
 padding-top: 5px;
   text-align:center;  list-style: none;

} 
.s-list-item a {text-decoration: none;
    color: #000;}



.s-list-item a:hover {
    color: #ff33ff;
}


/*サイド（左側）コンテンツ
---------------------------------------------------------------------------------------*/
#side {
	float: right;
	width: 300px;
	padding-top: 30px;
	padding-bottom: 100px;
}
#side h3 {
	font-size: 100%;
	background: #000000 url(images/h3_bg.gif);	/*h3の背景画像設定*/
	color: #000;			/*h3の文字色（ここでは白）*/
	letter-spacing: 0.2em;	/*文字間隔をほんの気持ち広げる設定。通常にしたいなら、この１行を削除する。*/
	text-align: center;		/*h3の文字のセンタリング（中央よせ）。もし左よせがよければこの１行を削除する。*/
}
#side p {
	padding: 0px 10px 1em;	/*サイドコンテンツ内の段落タグ<p>設定*/
}



/*サイドメニュー
---------------------------------------------------------------------------------------*/
ul.sidemenu {
	margin-bottom: 20px;
}
ul.sidemenu li a {margin-top: 4px;
	line-height: 36px;
	background: url(images/submenu_bg.gif) no-repeat;	/*サイドメニューの背景画像*/
	height: 36px;
	width: 280px;
	padding-left: 20px;
	display: block;
	color: #333333;
	text-decoration: none;
}
ul.sidemenu li a:hover {margin-top: 4px;
	background: url(images/submenu_bg_over.gif) no-repeat;	/*カーソルオーバー時のサイドメニューの背景画像*/
	color: #333333;text-align: center;

}

.sub_title{
width:550px;
height:25px;
margin:10px 0px 0px 0px;
padding:0px;
text-indent:-9999px;
overflow:hidden;
}

#sub_title_option{
background:url(images/sub_title_option.gif) no-repeat;
}

#sub_title_coment{
background:url(images/coment.gif) no-repeat;
}
#sub_title_schedule{
background:url(images/sub_title_schedule.gif) no-repeat;
}
#sub_title_message{
background:url(images/sub_title_message.gif) no-repeat;
}

.box{
width:550px;
background:url(images/box_loop.gif) repeat-y;
}

.box_foot{
width:550px;
height:10px;
margin:0px;
background:url(images/box_foot.gif) no-repeat;
}

.desc{
color:#000000;
margin:0px;
padding:8px ;
}

#option1{
background:url(images/option1.gif) no-repeat;
width:208px;
height:26px;
text-indent:-9999px;
overflow:hidden;
margin:15px 0px 3px 0px;
}

#option2{
background:url(images/option2.gif) no-repeat;
width:208px;
height:26px;
text-indent:-9999px;
overflow:hidden;
margin:13px 0px 3px 0px;
}

/*サイドメニュー
---------------------------------------------------------------------------------------*/
ul.newface {
	margin-bottom: 20px;
}
ul.newface li a {margin-top: 4px;border: 3px double #ccc;
	line-height: 36px;
	width: 270px;padding: 3px 10px;
	display: block;
	color: #333333;
	text-decoration: none;
}
ul.newface li a:hover {margin-top: 4px;border: 3px double #666;
	color: #333333;

}

#dokidoki{margin-top: 4px;border: 3px double #ccc;
	line-height: 36px;text-align: center;
                font-size:22px;
	width: 280px;padding: 3px 10px;
	color: #333333;
	text-decoration: none;
}
#links{width:100%;
            text-align: center;}

.links-list {margin:10px;
    list-style: none;
    text-align:center; 
   float: left;
}
.links-list-item {border: 1px solid #ccc;
    width:88px;font-size: 10px;
     height: 31px;
　　margin-left: 3px;
    margin-bottom: 5px ;
   float: left;
} 

#blogn {border: 3px double #ccc;
	float: left;
	width: 550px;
	display: inline;
	margin-left: 10px;
	margin-top: 20px;
                padding-top: 10px;padding-bottom: 20px;
}
#blogn img{border: 1px solid #ccc;width: 120px;
	float: left;
	margin: 3px;
                padding: 3px;

}
.blog-titel {	margin-left: 10px;clear: both;
	font-size: 100%;
	background: url(images/blog_titel.gif) no-repeat;	
	color: #000;		
	text-align: center;	
	line-height: 25px;
}


/*フッター
---------------------------------------------------------------------------------------*/
#footer {
	clear: both;			
background: #ffffff url(images/footer_bg.gif) no-repeat;
padding-top: 20px;
        margin: 0;
text-align: center;
	color: #000;			/*文字色*/
}
#footer a {
	color: #ff66cc;
}
#mobi{text-align: right;  margin-right: 15px;
}

#sexy {  font-size: 12px;
    margin:  30px;
    padding: 30px;
}
#sexy p {  
    margin-left:  20px;
}
.sexy-menu{  margin:30px;/*余白。15%が右の余白です*/
  border-bottom: solid 1px #717178;/*下線の色*/
}

.sexy-list{text-align: left;border-left: 10px solid #999999;border-bottom: 1px solid #999999;
width: 80%; margin: 10px;padding-left: 10px;font-size: 14px;} 
 
.aki-list{text-align: left;border-left: 10px solid #cccccc;border-bottom: 1px solid #999999;
width: 80%; margin: 10px;padding-left: 10px;font-size: 14px;} 

.sexy-list a{text-decoration: none;}