﻿@charset "utf-8";



/* BASE
==================================================*/
body{
	margin: 0px;
	padding: 0px;
	color: #1A1A1A;
	font-size: 0.85em;
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
	line-height: 1.5;
	background: #FFFFFF url(./../img/common/bg_body.gif);
}

input,textarea,select{
	font-family: "ＭＳ ゴシック", serif, monospace;
}

.clearfix{
	display: inline-block;
}

.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*---------- LINK ----------*/
a{
/*\*/
	overflow: hidden;
/**/
}

a:link{
	color: #0032D9;
	text-decoration: underline;
}

a:visited{
	color: #0032D9;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}


a img{
	border: none;
}

/*---------- FORM ----------*/
form{
	margin: 0px;
	padding: 0px;
}

input, select, textarea{
	color: #333333;
	font-size: 1em;
}

.error{
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
	color: #FF0000;
}

*{
	word-break: break-all;
}


/*---------- POSITION ----------*/



/* LAYOUT
==================================================*/
#wrapper{
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 800px;
}

#container{
	margin: 0px;
	padding: 0px 18px 0px;
	width: 764px;
	background: #FFFFFF url(./../img/common/bg_container.gif) repeat-y 0px 17px;
/*
	background: url(./../img/top/bg_container_top.gif) repeat-y 0px 17px;
*/
	zoom: 100%;
}
#container:after{
	content: ",";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#container2{
	margin: 0px;
	padding: 0px 18px 0px;
	width: 764px;
	zoom: 100%;
	background: #FFFFFF;
}

#container2:after{
	content: ",";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#main{
	float: right;
	margin: 0px;
	padding: 0px;
	width: 557px;
}

#side{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 183px;
}



/* COMMON
==================================================*/
p.lead{
	margin: 0px;
	padding: 10px 0px;
	line-height: 1.2;
}

.partition{
	padding-top: 11px;
	background: url(./../img/common/line_dot_pink_x.gif) repeat-x;
}

p.advertisement{
	margin: 0px 0px 20px;
	padding: 0px;
	text-align: center;
}

div.advertisement{
	margin: 20px 0px;
	padding: 11px;
	border-top: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
}

div.advertisement p{
	margin: 0px;
	padding: 0px;
	text-align: center;
}

div.advertisement p img{
	margin: 0px 3px;
}

.top-link{
	clear: both;
	margin: 0px 0px 11px;
	padding: 0px;
	text-align: right;
}


/* HEADER
---------------------------------------------------*/
#header{
	margin: 0px;
	padding: 11px 13px 17px;
	width: 774px;
	background: #FFFFFF url(./../img/common/bg_header.jpg) no-repeat 13px 11px;
}

#header2{
	margin: 0px;
	padding: 11px 13px 0px;
	width: 774px;
	background: #FFFFFF url(./../img/common/bg_header.jpg) no-repeat 13px 11px;
}

h1{
	margin: 0px 0px 10px;
	padding: 0px;
}

#m-navi{
	margin: 0px;
	padding: 0px 0px 9px;
	width: 774px;
	list-style: none;
	background: url(./../img/common/line_dot_pink_x.gif) repeat-x 0% 100%;
	zoom: 100%;
}

#m-navi:after{
	content: ",";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#m-navi li{
	float: left;
	margin: 0px 4px 0px 0px;
	padding: 0px;
	height: 27px;
	width: 131px;
	font-size: 1%;
	text-indent: -9999px;
}

#m-navi li#m-navi01{
	width: 79px;
}

#m-navi li#m-navi02{
	width: 151px;
}

#m-navi li#m-navi06{
	margin-right: 0px;
}

#m-navi li a{
	display: block;
	height: 27px;
	width: 131px;
}

#m-navi li#m-navi01 a{
	width: 79px;
	background: url(./../img/common/m_navi.gif) no-repeat;
}

#m-navi li#m-navi02 a{
	width: 151px;
	background: url(./../img/common/m_navi.gif) no-repeat -83px 0px;
}

#m-navi li#m-navi03 a{
	background: url(./../img/common/m_navi.gif) no-repeat -238px 0px;
}

#m-navi li#m-navi04 a{
	background: url(./../img/common/m_navi.gif) no-repeat -373px 0px;
}

#m-navi li#m-navi05 a{
	background: url(./../img/common/m_navi.gif) no-repeat -508px 0px;
}

#m-navi li#m-navi06 a{
	background: url(./../img/common/m_navi.gif) no-repeat -642px 0px;
}

#m-navi li#m-navi01 a:hover{
	width: 79px;
	background: url(./../img/common/m_navi.gif) no-repeat 0px -27px;
}

#m-navi li#m-navi02 a:hover{
	width: 151px;
	background: url(./../img/common/m_navi.gif) no-repeat -83px -27px;
}

#m-navi li#m-navi03 a:hover{
	background: url(./../img/common/m_navi.gif) no-repeat -238px -27px;
}

#m-navi li#m-navi04 a:hover{
	background: url(./../img/common/m_navi.gif) no-repeat -373px -27px;
}

#m-navi li#m-navi05 a:hover{
	background: url(./../img/common/m_navi.gif) no-repeat -508px -27px;
}

#m-navi li#m-navi06 a:hover{
	background: url(./../img/common/m_navi.gif) no-repeat -642px -27px;
}


/* FOOTER
---------------------------------------------------*/
#footer{
	margin: 0px;
	padding: 75px 0px 0px;
	color: #575757;
	text-align: center;
	background: url(./../img/common/bg_footer.gif) no-repeat;
}

#footer a:link{
	color: #575757;
}

#footer a:visited{
	color: #717171;
}

#footer ul{
	margin: 0px 0px 5px;
	padding: 0px;
	list-style: none;
}

#footer li{
	display: inline;
	padding: 0px 10px;
}

#footer p{
	margin: 0px;
	padding: 0px 0px 10px;
}


/* SIDE
---------------------------------------------------*/
/*---------- LOGIN ----------*/
.login{
	margin: 0px 0px 11px;
	padding: 0px;
	line-height: 120%;
	background: url(./../img/common/bg_login.gif) repeat-y;
}

.login dl{
	margin: 0px;
	padding: 0px 0px 20px;
	line-height:120%;
	background: url(./../img/common/bg_login_bottom.gif) no-repeat 0% 100%;
}

.login dt{
	margin: 0px 0px 5px;
}

.login dd{
	margin: 0px;
	padding: 0px;
}

.login dd.message{
	line-height:105%;
	margin: 0px 0px 3px;
	padding: 0px 1px 0px;
	color: #E34F3D;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

.login dd.message p{
	margin: 0px 0px 3px;
	padding: 0px;
	font-size: 0.9em;
}

.login dd.message span{
	font-size: 0.8em;
	font-weight: normal;
	color: #1A1A1A;;
}

.login dd.message ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.login dd.message li{
	margin: 0px 18px;
	padding: 0px;
	font-size: 0.8em;
	font-weight: normal;
	text-align: left;
}

.login dd.message li.about-fan-club a:link,
.login dd.message li.about-fan-club a:visited{
	color: #7F8084;
	text-decoration: underline;
}

.login dd.message li.about-fan-club a:hover{
	text-decoration: none;
}

.login dd.pass{
	margin: 0px;
	padding: 10px 0px 0px;
	background: url(./../img/common/line_login.gif) no-repeat 50% 0%;
}

.login table{
	margin: 0px auto;
	padding: 0px;
	width: 171px;
	border-collapse: collapse;
}

.login th{
	margin: 0px;
	padding: 0px 2px 2px 0px;
	width: 32px;
	font-weight: normal;
	text-align: right;
	vertical-align: top;
}

.login td{
	margin: 0px;
	padding: 0px 2px 2px;
}

.login td input{
    font-size:12px;
	width: 115px;
}

.login p{
	margin: 0px 0px 5px;
	padding: 0px;
	font-size: 0.8em;
	text-align: center;
}


/*---------- MAIL ----------*/
.mail{
	margin: 0px 0px 11px;
	padding: 0px;
	background: url(./../img/common/bg_mail.gif) repeat-y;
}

.mail dl{
	margin: 0px;
	padding: 0px 0px 10px;
	background: url(./../img/common/bg_mail_bottom.gif) no-repeat 0% 100%;
}

.mail dt{
	margin-bottom: 3px;
}

.mail dd{
	margin: 0px;
	padding: 0px;
}

.mail dd dl.nolast{
	margin: 0px 7px 4px;
	padding: 0px 4px 4px;
	background: url(./../img/common/line_gray.gif) no-repeat 50% 100%;
}

.mail dd dl.nolast dt{
	margin: 0px;
	padding: 0px;
	width: 5em;
}

.mail dd dl.nolast dd{
	margin: -1.5em 0px 0px 6em;
	padding: 0px;
	text-align: right;
}


.mail dd dl.last{
	margin: 0px 4px 0px;
	padding: 0px 2px 0px;
	background: none;
}

.mail dd dl.last dt{
	margin: 0px;
	padding: 0px;
	width: 80px;
	text-align: center;
}
.mail dd dl.last dd{
	margin: -1.5em 0px 0px 90px;
	padding: 0px;
	width: 80px;
	text-align: center;
}



/*---------- takara ----------*/
.takara{
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 12px;
	line-height:13px;
	background: url(./../img/point-waku-middle.gif) repeat-y;
}

.takara dl{
	margin: 0px;
	padding: 0px 0px 7px;
	background: url(./../img/point-waku-end.gif) no-repeat 0% 100%;
}

.takara dt{
	margin: 0px;
	padding: 0px;
}

.takara dd{
	margin: 0px;
	padding: 0px;
}

.takara dd dl.nolast{
	margin: 0px 5px 4px;
	padding: 0px 5px 4px;
	background: url(./../img/common/line_gray.gif) no-repeat 50% 100%;
}

.takara dd dl.nolast dt{
	margin: 0px;
	padding: 0px;
}

.takara dd dl.last{
	line-height:100%;
	margin: 0px 5px 2px;
	padding: 0px 5px 2px;
	background: none;
}

.takara dd dl.last dt{
	margin: 0px;
	padding: 0px;
	text-align: right;
}


/*---------- FAN CLUB MENU ----------*/
.fan-club-menu{
	margin: 0px 0px 11px;
	padding: 0px 0px 6px;
	list-style: none;
	background: url(./../img/common/line_dot_pink_x.gif) repeat-x 0% 100%;
}

.fan-club-menu li{
	margin: 0px;
	padding: 0px 0px 5px;
}


/*---------- FAN CLUB MENU ----------*/
.fan-club-menu2{
	margin: 0px 0px 11px;
	padding: 0px 0px 6px;
	list-style: none;
	background: url(./../img/common/line_dot_pink_x.gif) repeat-x 0% 100%;
}

.fan-club-menu2 li{
	margin: 0px;
	padding: 0px 0px 5px;
}

.fan-club-menu2 li a{
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 13px;
	width: 160px;
	background: url(./../img/common/icon_arrow.gif) no-repeat 0px 4px;
}



/*---------- FREE SEARCH ----------*/
.free-search{
	margin: 0px 0px 11px;
	padding: 0px;
	background: url(./../img/common/bg_free_search.gif) repeat-y;
}

.free-search dl{
	margin: 0px;
	padding: 0px 0px 10px;
	background: url(./../img/common/bg_free_search_bottom.gif) no-repeat 0% 100%;
}

.free-search dt{
	margin: 0px 0px 12px;
	padding: 0px;
}

.free-search dd{
	margin: 0px;
	padding: 0px 9px;
}


.free-search dd p{
	margin: 0px 0px 4px;
	padding: 0px;
	text-align: right;
}

.free-search p.word{
	text-align: center;
	margin-bottom: 6px;
}

.free-search p.word input{
	width: 155px;
}

/*---------- OTHER SEARCH ----------*/
.side-search{
	margin: 0px 0px 11px;
	padding: 0px;
	background: url(./../img/common/bg_side_search.gif) repeat-y;
}

.side-search dl{
	margin: 0px;
	padding: 0px 0px 10px;
	background: url(./../img/common/bg_side_search_bottom.gif) no-repeat 0% 100%;
}

.side-search dd{
	margin: 0px;
	padding: 0px;
}

.side-search ul{
	margin: 0px 15px;
	padding: 0px;
	list-style: none;
	zoom: 100%;
}

.side-search ul:after{
	content: ",";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.side-search li{
	margin: 0px 0px 0px -10px;
	padding: 3px 0px;
	line-height: 1.3;
}

.side-search a{
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 13px;
	width: 160px;
	background: url(./../img/common/icon_arrow.gif) no-repeat 0px 4px;
}

.side-search a span{
	font-size: 0.8em;
}

.side-search ul.area li{
	float: left;
}

.side-search ul.area a{
	width: 73px;
}

/*---------- MENU ----------*/
.menu02{
	margin: 0px 0px 11px;
	padding: 0px;
	list-style: none;
}

.menu02 li{
	margin: 0px 0px 4px;
	padding: 0px;
}

.menu02 li img{
	vertical-align: bottom;
}

/*---------- COMMUNICATION ----------*/
#side .communication{
	margin-bottom: 11px;
	padding: 10px 11px 8px;
}

#side .communication img{
	vertical-align: bottom;
}

#side .communication dt{
	margin: 0px;
	padding: 0px;
}

#side .communication dd{
	margin: 0px 0px 3px;
	padding: 0px;
}

#side .communication dd.photo-title{
	padding-bottom: 5px;
	background: url(./../img/common/line_gray.gif) no-repeat 0% 100%;
}

#side .communication dd.photo-title a{
	font-weight: bold;
}

#side .communication dd.detail{
	text-align: right;
	margin: 0px;
}


/* VIEW BOX
---------------------------------------------------*/
.view-box{
	margin: 0px;
	padding: 0px 13px 15px;
	background: url(./../img/common/bg_corner_bottom.gif) no-repeat 0% 100%;
	line-height:120%;
}

.view-box div.tab{
	margin: 0px;
	padding: 2px 0px 0px;
	background: #FFFFFF;
	list-style: none;
}

.view-box div.tab div{
	display: inline;
	margin: 0px;
	padding: 0px 3px 0px 1px;
}

.view-box ul{
	margin: -2px 0px 0px;
	padding: 0px;
	height: 282px;
	overflow: auto;
	background: #FFFFFF;
	border-top: 1px solid #A5ACB2;
	border-bottom: 1px solid #A5ACB2;
	list-style: none;
}

.view-box li.mode_second{
	margin: 0px;
	padding: 5px 0px 5px 11px;
	background: #FFFFFF url(./../img/common/icon_arrow.gif) no-repeat 0% 40%;
}

.view-box li.modea{
	line-height: 120%;
	margin: 0px;
	padding: 2px 0px 3px 11px;
	background: #CCFFCC url(./../img/common/icon_arrow.gif) no-repeat 0% 40%;
}

.view-box li.modeb{
	line-height: 120%;
	margin: 0px;
	padding: 2px 0px 3px 11px;
	background: #FFFFFF url(./../img/common/icon_arrow.gif) no-repeat 0% 40%;
}

.view-box li img{
	margin: 0px 1px 0px;
	vertical-align: bottom;
}



.view-box div.image-box{
	background-color:#FFFFFF;
	padding: 0px;
	margin: 0px;
}

.view-box div.image-box div.text{
	padding: 2px;
	margin: 0px;
}


.view-box div.image-box div.image{
	white-space: nowrap;
	padding: 0px;
	margin: 0px;
}




.view-box2{
	margin: 0px;
	padding: 0px 13px 15px;
	background: url(./../img/common/bg_corner_bottom.gif) no-repeat 0% 100%;
}

.view-box2 ul{
	margin: 0px;
	padding: 2px 10px 5px;
	overflow: auto;
	background: #FFFFFF;
	border: 1px solid #A5ACB2;
	list-style: none;
}

.view-box2 li{
	margin: 0px 0px 1px;
	padding: 2px 0px 2px 13px;
	line-height: 120%;
	background: url(./../img/common/icon_arrow.gif) no-repeat 0% 40%;
	border-bottom: 1px solid #E8E8E8;
}

.view-box2 li img{
	margin: 0px 2px 0px;
	vertical-align: middle;
}



/* WHAT'S NEW
---------------------------------------------------*/
.whats-new{
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 557px;
	background: url(./../img/common/bg_dot_green.gif);
}

.whats-new h2{
	margin: 0px;
	padding: 0px;
}

.whats-new p.btn-list{
	position: absolute;
	top: 11px;
	right: 0px;
	margin: 0px;
	padding: 0px:
	width: 113px;
	height: 21px;
	background: none;
}

.whats-new p.btn-list a{
	padding: 0px;
	background: none;
}

.whats-new div{
	margin: 0px;
	padding: 0px 13px 15px;
	background: url(./../img/common/bg_corner_bottom.gif) no-repeat 0% 100%;
}

.whats-new ul{
	margin: 0px;
	padding: 2px 10px 5px;
	background: #FFFFFF;
	list-style: none;
}

.whats-new li{
	margin: 0px 0px 5px;
	padding: 0px;
}

.whats-new a{
	padding-left: 13px;
	background: url(./../img/common/icon_arrow.gif) no-repeat 0% 50%;
}

/* ●●●●
==================================================*/
/* ●●●●
---------------------------------------------------*/

/*---------- ●●●● ----------*/