@charset "utf-8";

/*

*/


body
    {
	color:#333;
	line-height:1.3em;
	letter-spacing: 0.1em;
	/*background-image: url(../img/back.gif);*/
	/*background-repeat: repeat;*/
	background-color: #CCCCCC;
	width:900px;
    }

a:link {text-decoration:none;color: #014e82;}	
a:visited {text-decoration:none;color: #006699;}
a:hover {text-decoration:none;color: #FF5555;}
a:active {text-decoration:none; color: #FF5555;}

img {border:none;}

/*********汎用܂************/

.center {text-align:center;}

.f_l {float: left;}
.f_r {float: right;}


.clear {
	clear:both;
	height:1px;
	font-size: 1px;
	line-height: 0px;
}

.clear_b25 {
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
	margin-bottom:25px;
}

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */






.right {
padding:0;
margin:0;
text-align:right;
}

.red {color: #FF0000;}


.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}

.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}

pt10{padding-top:10px}

pl15{padding-left:15px}

pb10{padding-bottom:10px}


.w200 {width:200px;}




.linkin a{
padding-left:15px;
display:block;
background-image:url(/img/linkin.gif);
background-position:left;
background-repeat:no-repeat;
}
.linkin a:hover {background-image: url(/img/linkin_ov.gif);}


.totop{
margin-top:1em;
float:right;
display:block;
background-position:left;
background-repeat:no-repeat;
}

.totop a{
display:block;
background-image:url(/img/linktop.gif);
background-position:left;
padding-left:15px;
background-repeat:no-repeat;}

.totop a:hover {background-image: url(/img/linktop_ov.gif);}


.t_small {
	font-size: 86%;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px 1px 1px 0px;
	border-color: #CCCCCC;
}	


/*********************************
layout
*********************************/

#wrap {
	width:900px;
	background-color: #FFF;

}


#head {
	display: block;
	width: 900px;
	height:150px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#top_a {
	width: 900px;
	height: 50px;
	margin: 0;
	display:inline;
}

#main_a {
	width: 550px;
	margin:0px 25px 25px 25px;
	display:inline;
	float:right;
}

#sub_a {
	width: 300px;
	float: left;
	margin:0 0 25px 0;
	padding: 0px;
	display:inline;
}


#foot {
	width: 900px;
	height: 100px;
	padding: 0px;
	border-width: 1px;
	border-top-style: solid;
	border-color: #666;
	display: block;
	clear:both;
}



/*********************************
BOX
*********************************/

.logo {
	width: 300px;
	height:150px;
	padding: 0px;
	margin: 0px;
	border-style: none;
	display: block;
	float:left;
}
.g_navi {
	color:#FFF;
	width: 600px;
	height:150px;
	padding: 0px;
	margin: 0px;
	background-color:#666;
	float:right;
	display:inline;
}

.headline {
	font-size:12px;
	padding:0 25px 0 25px;
	margin-bottom:25px;
	text-align:right;
}

.headline a:link {text-decoration:none;color: #FFF;}	
.headline a:visited {text-decoration:none;color: #FFF;}
.headline a:hover {text-decoration:none;color: #f33;}
.headline a:active {text-decoration:none; color: #f33;}




.l_300 {
	width: 300px;
	margin: 0 0 25px 0;
	display:inline;
	float:left;
}

.r_550 {
	width: 550px;
	margin:0px 25px 25px 25px;
	display:inline;
	float:right;
}

.r_w225 {
	width:230px;
	padding-left:0px;
	margin-left:20px;
	border-style: none;
	display: block;
	float:right;
}

.img300 {
	width:300px;
	padding: 0px;
	margin-righit:25px;
	display:block;
	float:left;
}



.plr25_mb25 {
	padding:0 25px 0 25px;
	margin-bottom:25px;
}

.pl25_mb25 {
	padding:0 0 0 25px;
	margin-bottom:25px;
}



.foot_ban {
	width:100%;
	height: 50px;
}

.footer {
	color:#FFF;
	width:100%;
	height: 50px;
	margin: 0px;
	background-color:#666;
}


.footer_thanx {
	padding:5px 25px 0px 25px;
}
.footer_copy {
	padding:0px 25px 5px 25px;
	text-align:right;
}



.imgbox_fr200 {
border-left:#FFFFFF;
border-left-width:15px;
border-left-style:solid;
width:200px;
	margin-left:10px;
	float:right;
}

.imgbox_fr250 {
border-left:#FFFFFF;
border-left-width:15px;
border-left-style:solid;
width:250px;
	margin-left:10px;
	float:right;
}


.topbox_l {
width:265px;
float:left;
display:block;
}
.topbox_r {
width:265px;
float:right;
display:block;
}


.box_top100 {
background-image: url(/img/bg256_100.jpg);
background-position:left;
background-repeat: no-repeat;
height:100px;
overflow:hidden;
}

.box_top100 p{
padding:10px 10px 0px 20px;
}


.imgl_200{
padding-left:215px;
}



.live_w500{
width:500px;
height:auto;
display: block;
margin:0px 25px 0 25px;
padding:0;
}




.inbox {
	padding-left: 10px;
	margin-bottom: 0px;
	border-style: none;
	display: block;
	clear: both;
	
}

.inbox2 {
	padding-left: 10px;
	padding-right: 10px;	
	margin-bottom: 0px;
	border-style: none;
	display: block;
	clear: both;
}

.inbox_t10b20 {
font-size:11.5px;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 20px;
	border-width: 1px;
	border-color:#CCCCCC;
	border-style:solid;
	display: block;
	clear: both;
}

.inbox_dot {
	padding-left: 10px;
	margin-bottom: 10px;
	display: block;
	clear: both;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

.inbox_dot_r {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}



.inbox_p {
	margin-bottom: 0px;
	border-style: none;
	display: block;
	text-align: center;
}

.linkbox {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	width: 240px;
	float: left;
	margin-bottom: 7px;
}


.qrbox {
	float: left;
	width: 240px;
	text-align: center;
	display: block;
	height: 150px;
	padding-top: 15px;
	padding-bottom: 15px;


}


.logbox
      {
	height: 150px;
	overflow: auto;
	position: relative;
	float: none;
	padding-left: 14px;
	border: none;
      }


/*********************************
グローバルナビゲーション
*********************************/

.menu {
	position:absolute; top:65px;
	width:550px;
	height:31px;
	margin:0 25px 0px 25px;
}


.menu a {
text-decoration: none;
display: block;
}

.menu a:hover {
text-decoration: none;
display: block;
}


.menu .now {
text-decoration: none;
display: block;
}

.menu li {
	list-style:none;
	margin-right:5px;
	padding:0px;
	float: left;
	display:block;
}



/*********************************
サブナビゲーション
*********************************/

.snavi {
	font-size:12px;
	width:248px;
	margin:0 25px 25px 25px;
	padding:5px 0px 5px 0px;
	border-width: 1px;
	border-color:#CCCCCC;
	border-style:solid;
	display: block;
}


.snavi a {
color: #014e82;
text-decoration: none;
height: auto;
display: block;
background-image: url(/img/linkin.gif);
background-position:left;
background-repeat: no-repeat;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dde3e8;
background-color: #ffffff;
margin:0 10px 0 10px;
padding:5px 0 5px 15px;

}

.snavi a:hover {
background-image: url(/img/linkin_ov.gif);
background-color: #FFE6E7;
}


.snavi .now {
background-image: url(/img/linkin_ov.gif);
font-weight: bold;
background-color: #FFE6E7;
}

.snavi li {
line-height:0;
} 
.snavi li a {
line-height:normal;
} 

/*********************************
サブナビゲーション(アンカーリンク)
*********************************/

.snavi_an {
	font-size:12px;
	width:248px;
	margin:0 25px 25px 25px;
	padding:5px 0px 5px 0px;
	border-width: 1px;
	border-color:#CCCCCC;
	border-style:solid;
	display: block;
}


.snavi_an a {
color: #014e82;
text-decoration: none;
height: auto;
display: block;
background-image: url(/img/linkan.gif);
background-position:left;
background-repeat: no-repeat;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dde3e8;
background-color: #ffffff;
margin:0 10px 0 10px;
padding:5px 0 5px 15px;

}

.snavi_an a:hover {
background-image: url(/img/linkan_ov.gif);
background-color: #FFE6E7;
}


.snavi_an .now {
background-image: url(/img/linkan_ov.gif);
font-weight: bold;
background-color: #FFE6E7;
}


.snavi_an li {
line-height:0;
} 

.snavi_an li a {
line-height:normal;
} 

/*********************************
サブナビゲーション2
*********************************/

.snavi2 .now {
background-image: url(/img/linkin_ov.gif);
font-weight: bold;
background-color:#FFFFFF;
}


.snavi2 li {
line-height:0;
padding-left:15px;
} 

.snavi li a {
line-height:normal;
} 




/*********************************
見出し
*********************************/

h1,h2 {
	background-repeat: no-repeat;
	background-position:left top;
	text-indent:-9999px;
	display:block;
}

h1 {
	height: 50px;
	width: 300px;
}

h1.home {background-image: url(../img/h1_home.jpg);}
h1.prof {background-image: url(../img/h1_prof.jpg);}
h1.live {background-image: url(../img/h1_live.jpg);}
h1.link {background-image: url(../img/h1_link.jpg);}
h1.photo {background-image: url(../img/h1_photo.jpg);}
h1.contact {background-image: url(../img/h1_contact.jpg);}
h1.video {background-image: url(../img/h1_video.jpg);}
h1.movie {background-image: url(../img/h1_movie.jpg);}
h1.special {background-image: url(../img/h1_special.jpg);}



h2 {
	height: 50px;
	width: 550px;
}

h2.prof00 {background-image: url(../img/h2_pro_atamaz.jpg);}
h2.prof01 {background-image: url(../img/h2_pro_nishi.jpg);}
h2.prof02 {background-image: url(../img/h2_pro_nakatsu.jpg);}
h2.prof03 {background-image: url(../img/h2_pro_haru.jpg);}
h2.prof04 {background-image: url(../img/h2_pro_chikara.jpg);}
h2.prof05 {background-image: url(../img/h2_pro_nori.jpg);}

h2.live_s {background-image: url(../img/h2_live.jpg);}
h2.live_h {background-image: url(../img/h2_livehistory.jpg);}
h2.movie {background-image: url(../img/h2_movie.jpg);}
h2.photo {background-image: url(../img/h2_photo.jpg);}
h2.link {background-image: url(../img/h2_link.jpg);}
h2.contact {background-image: url(../img/h2_contact.jpg);}


h2.nlive {
width:265px;
height:25px;
background-image: url(../img/h2_nlive.jpg);
}
h2.whats {
width:265px;
height:25px;
background-image: url(../img/h2_whats.jpg);
}

h2.tw_nishi {
width:265px;
height:25px;
background-image: url(../img/h2_tw_nishi.jpg);
}

h2.tw_haru {
width:265px;
height:25px;
background-image: url(../img/h2_tw_haru.jpg);
}

h2.pickup {
width:550px;
height:25px;
background-image: url(../img/h2_pickup.jpg);
}






h3 {
	font-size:123%;
	margin-bottom:25px;
	padding-bottom:0.3em;
	border-width: 2px;
	border-bottom-style: solid;
	border-color: #666;
}




#sub_a h3 {
	width:300px;
	height:25px;
	background-repeat: no-repeat;
	background-position:left top;
	text-indent:-9999px;
	font-size:100%;
	margin:0 0 25px 0;
	padding:0;
	border:none;
}


h3.contact {background-image: url(../img/h3_contact.jpg);}
h3.blog {background-image: url(../img/h3_blog.jpg);}
h3.topic {background-image: url(../img/h3_topic.jpg);}
h3.mobile {background-image: url(../img/h3_mobile.jpg);}





h4 {
	font-size:105%;
	margin-bottom:10px;
	border-width: 1px;
	border-bottom-style: solid;
	border-color: #666;
}

h5 {
	margin-bottom: 5px;
	padding-left: 5px;
	margin-top: 10px;
	font-size: 103%;
}



/********************************
********* list style ************
*********************************/

ol {
list-style-position:outside;
list-style-type:decimal;
padding-left:25px;
}


ul.def {
	margin:0 25px 0 25px;
}


.def li {

	list-style-image: url(../img/list01.gif);
	list-style-position:outside;
	padding-left:0px;
	margin-bottom: 0.5em;
}



.imgnavi li {
	list-style:none;
	margin-right:25px;
	margin-bottom:0px;
	padding-bottom:0px;
	float: left;
	display:block;
}

.foot_ban li {
	list-style:none;
	margin:9px 25px 0 25px;
	padding:0px;
	float: left;
	display:block;
}



.flist li{
list-style-position:inside;
list-style-type:decimal;
padding-right:40px;
float:left;
display:block;
}


.img_mb7 li{margin-bottom:7px;}





li.logboxin {
	border: none;
	margin-bottom: 1em;
}


li.top5 {
	margin-bottom: 0.3em;
	vertical-align: middle;
	padding-bottom: 0.1em;
	margin-left: 10px;
	list-style-type: decimal;
	list-style-position: inside;
}

.photo li {
	display: list-item;
	float: left;
	width: 90px;
	margin: 0 10px 10px 0;
}

.phototop li {
	display: list-item;
	float: left;
	width: 240px;
	margin: 0 15px 15px 0;
}





li.li02 {
	margin-bottom: 0.7em;
	list-style-image: url(../img/list02.gif);
	vertical-align: middle;
	padding-bottom: 0.2em;
	margin-left: 15px;
	margin-top: 0.7em;
}

li.li_pro_fl {
    float: left; 
	margin-bottom: 0.7em;
	list-style-image: url(../img/list02.gif);
	vertical-align: middle;
	padding-bottom: 0.2em;
	margin-left: 25px;
	margin-top: 0.7em;
}




.linkban li{
	float: left;
	width: 154px;
	padding-left: 5px;
	border: 1px dotted #CCCCCC;
	margin-bottom: 5px;
	margin-right:5px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
}

.linklist li {
	float: left;
	width: 237px;
	padding-left: 5px;
	border: 1px dotted #CCCCCC;
	margin-bottom: 5px;
	margin-right:5px;
	padding-top: 3px;
	padding-bottom: 3px;
}






















li.link_top {
	float: left;
	width: 45%;
	padding-left: 5px;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 5px;
	border-width: 1px;
	border-bottom-style: dotted;
	border-color: #CCCCCC;
	margin-top: 5px;
}




li.linkban2 {
	float: left;
	width: 31%;
	padding-left: 5px;
	border: none;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 5px;
	text-align: center;
}




dl.live_s {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

.live_s dt{
padding-left:0.5em;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 0.2em;
	border-left-width: medium;
	border-left-style: double;
	border-left-color: #999999;
}

dd {
	padding-left: 2em;
	margin-bottom: 0.5em;
}



.dot{
margin-top:10px;
border-bottom:dotted;
border-bottom-width:1px;
border-bottom-color:#CCC;
clear:both;
}


#tweet{
width:265px;
height:250px;
overflow:scroll;
}

div#tweet ul li {
background-image: url(http://atstyle.biz/blog/webimg/twitter_li.png);
background-position: 6px 3px;
background-repeat: no-repeat;
text-align: left;
margin-top: 3px;
margin-bottom: 0.6em;
padding-left:25px;
}

#tweet2{
width:265px;
height:250px;
overflow:scroll;
}

div#tweet2 ul li {
background-image: url(http://atstyle.biz/blog/webimg/twitter_li.png);
background-position: 6px 3px;
background-repeat: no-repeat;
text-align: left;
margin-top: 3px;
margin-bottom: 0.6em;
padding-left:25px;
}