@charset "utf-8";
/* CSS Document */


/* ================================================
Reset
------------------------------------------------ */

html{
	height:100%;
}

html>/**/body{
	overflow:-moz-scrollbars-vertical;
}

html:first-child body{
	min-height:100%;
	padding-bottom:1px;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

img{ vertical-align:top; }

/* ================================================
Clearfix
------------------------------------------------ */

.clearfix:after,
#wrapper:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearfix,
#wrapper{
  zoom:1;
}

/* Hides from IE-mac \*/
* html .clearfix,
* html #wrapper{
  height:1%;
  overflow:visible;
}
/* End hide from IE-mac */


/* ================================================
Common
------------------------------------------------ */
html{ height:100%; }
body{
	font-size:12px;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;

}

hr{ display:none; }

a{ outline:none; }

p{ line-height:1.66em; }
span.must{ font-weight:bold; color:#FF3333;}
strong{ font-weight:bold; }

/*================================================
 * Start
 * =============================================*/

body#c-warazemi{
	background:url("/img/common/main_bg.gif") repeat 0 0;

}

#wntop{
	height:26px;
	font-family:"ＭＳ Ｐゴシック", "MS P Gothic", Osaka, "メイリオ", Meiryo,sans-serif;
	font-size:10px;
}
#wntop a{ color:#FFFFFF; text-decoration:none; }
#wntop a:hover{ color:#CCCCCC; }
#wntop table{
	width:100%;
	line-height:24px;
	color:#FFFFFF;
}
#wntop table th{
	vertical-align:middle;
	text-align:left;
}
#wntop table th img{
	vertical-align:middle;
}
#wntop table th span{
	padding-left:10px;
	background:url("http://common.wondernotes.jp/img/common/dots_wh_1_1_h.gif") no-repeat 4px 0;
}
#wntop table td{
	vertical-align:middle;
	text-align:right;
}
#wntop table td ul li{
	display:inline;
	padding-right:5px;
}
#wntop table td ul li a{
	padding-left:10px;
	padding-bottom:1px;
	background:url("http://common.wondernotes.jp/img/common/wn_hd_bullet.gif") no-repeat 0 100%;
}


body#c-warazemi #outline{
	background:url("/img/common/header_bg.jpg") repeat-x 0 0;
}
body#c-warazemi #outline #stage{
	background:url("/img/common/title2.jpg") no-repeat 50% 0;
}
body#c-warazemi #container{
	width:960px;
	margin:0 auto;
}
body#c-warazemi #conHeader{
	padding-top:166px;
}
body#c-warazemi #conHeader ul li{
	text-indent:-4000px;
	width:192px;
	float:left;
}
body#c-warazemi #conHeader ul li#gn-event,
body#c-warazemi #conHeader ul li#gn-profile{
}
body#c-warazemi #conHeader ul li a{
	background:url("/img/common/global.jpg") no-repeat 0 0;
	display:block;
	width:192px;
	height:62px;
}
body#c-warazemi #conHeader ul li#gn-top a:hover,
body.p-top #container #conHeader ul li#gn-top a{ background-position:0 -62px; }
body#c-warazemi #conHeader ul li#gn-event a{ background-position:-192px 0; }
body#c-warazemi #conHeader ul li#gn-event a:hover,
body.p-event #container #conHeader ul li#gn-event a{ background-position:-192px -62px; }
body#c-warazemi #conHeader ul li#gn-profile a{ background-position:-384px 0; }
body#c-warazemi #conHeader ul li#gn-profile a:hover,
body.p-profile #container #conHeader ul li#gn-profile a{ background-position:-384px -62px; }
body#c-warazemi #conHeader ul li#gn-graduate a{ background-position:-576px 0; }
body#c-warazemi #conHeader ul li#gn-graduate a:hover,
body.p-graduate #container #conHeader ul li#gn-graduate a{ background-position:-576px -62px; }
body#c-warazemi #conHeader ul li#gn-movie a{ background-position:-768px 0; }
body#c-warazemi #conHeader ul li#gn-movie a:hover,
body.p-movie #container #conHeader ul li#gn-movie a{ background-position:-768px -62px; }

body#c-warazemi #container #wrapper{
	clear:both;
	background-color:#FFFFFF;
	padding:20px 10px 40px;
}

body#c-warazemi #container #main{
	width:686px;
	float:left;
}
body#c-warazemi #container #main .section{
	padding-left:10px;
	padding-bottom:40px;
}

body#c-warazemi #container #main h1,
body#c-warazemi #container #main h2{
	text-indent:-5000px;
	height:41px;
	margin-bottom:30px;
}

body#c-warazemi #container #main .center{
	text-align:center;
}

body.p-top #container #main h1{ background:url("/img/top/h_top1.jpg") no-repeat 0 0; }
body.p-top #container #main h2{ background:url("/img/top/h_top2.jpg") no-repeat 0 0; }
body.p-top #container #main .leftbox{
	width:370px;
	float:left;
}
body.p-top #container #main .leftbox p{
	line-height:1.8em;
	margin-bottom:30px;
	font-size:13px;
}
body.p-top #container #main .leftbox p span{
	font-weight:bold;
}
body.p-top #container #main .rightbox{
	text-align:center;
	width:295px;
	float:right;
}
body.p-top #container #main .rightbox p{
	margin-bottom:18px;
}

body.p-top #container #main ul{
	padding-left:26px;
}
body.p-top #container #main ul li{
	width:177px;
	text-align:center;
	float:left;
	margin-right:36px;
	margin-bottom:30px;
	line-height:1.5em;
}

body.p-event #outline #container #main h1{ 
	margin-bottom:20px;
	background:url("/img/event/h_event8.jpg") no-repeat 0 0;
}
body.p-event #outline #container #main h2{ 
	margin-bottom:20px;
}

body.p-event #outline #container #main .victory{
	text-align:center;
	padding:20px;
}
body.p-event #container #main .events{
	text-align:center;
}
body.p-event #container #main .events ul li{
	margin-bottom:16px;
}
body.p-event #container #main dl{
	margin-right:10px;
	margin-bottom:30px;
}
	
body.p-event #container #main dl dt{
	font-weight:bold;
	color:#333333;
	width:100px;
	padding-left:28px;
	font-size:12px;
	float:left;
	clear:left;
	padding-top:13px;
	padding-bottom:20px;
	background:url("/img/event/th.gif") no-repeat 12px 17px;
}
body.p-event #container #main dl dd{
	padding-left:130px;
	padding-bottom:15px;
	padding-top:15px;
}
body.p-event #container #main dl dd.odd{
	background-color:#F2EEE6;
}
body.p-event #container #main dl dd ul{
}
body.p-event #container #main dl dd ul li{
	width:157px;
	text-align:center;
	float:left;
	margin-right:16px;
	margin-bottom:20px;
	line-height:1.5em;
}

body.p-profile #outline #container #main h1{
	margin-bottom:15px;
	background:url("/img/profile/h_profile1.jpg") no-repeat 0 0;
}

body.p-profile #container #main ol{
	padding:0 0 3px 10px;
	background:url("/img/common/dots11_ccc.gif") repeat-x 0 100%;
	margin-bottom:20px;
}
body.p-profile #container #main ol li{
	padding:4px 7px 3px;
	margin-bottom:3px;
	font-size:10px;
	width:80px;
	float:left;
	text-align:center;
	line-height:1.2em;
	min-height:83px;
	height:auto !important;
	height:83px;
}
body.p-profile #container #main ol li.selected{
	background-color:#F0E9E8;
	font-weight:bold;
}

body.p-profile #container #main #profileData{
	margin-left:40px;
	margin-right:32px;
}
body.p-profile #container #main #profileData h2{
	margin-bottom:16px;
	text-indent:0;
	height:auto;
	padding-top:20px;
}
body.p-profile #container #main #profileData table{
	width:100%;
	margin-bottom:20px;
}
body.p-profile #container #main #profileData table td,
body.p-profile #container #main #profileData table th{
	border-right:#BBBBBB solid 1px;
	border-bottom:#BBBBBB solid 1px;
	padding:6px;
}
body.p-profile #container #main #profileData table th{
	background-color:#E1E1E1;
	width:70px;
}
body.p-profile #container #main #profileData table th.mth{
	border-top:#BBBBBB solid 1px;
	background-color:#DCC1B1;
	font-weight:bold;
	font-size:15px;
	width:auto;
}
body.p-profile #container #main #profileData table th.mth span{
	padding-left:8px;
	font-size:12px;
	font-weight:normal;
}
body.p-profile #container #main #profileData table th.bth{
	font-weight:bold;
	color:#FFFFFF;
	font-size:14px;
	width:72px;
	vertical-align:top;
	background-color:#24130F;
	border:#24130F 1px solid;
}
body.p-profile #container #main #profileData table td.history{
	border-top:#BBBBBB solid 1px;
	line-height:1.5em;
}

/* -------------------------
 * Graduate
 * -----------------------*/

body.p-graduate #outline #container #main h1{
	margin-bottom:15px;
	background:url("/img/graduate/h_graduate.jpg") no-repeat 0 0;
}

body.p-graduate #container #main ol{
	padding:0 0 3px 10px;
	background:url("/img/common/dots11_ccc.gif") repeat-x 0 100%;
	margin-bottom:20px;
}
body.p-graduate #container #main ol li{
	padding:4px 7px 3px;
	margin-bottom:3px;
	font-size:10px;
	width:80px;
	float:left;
	text-align:center;
	line-height:1.2em;
	min-height:83px;
	height:auto !important;
	height:83px;
}
body.p-graduate #container #main ol li.selected{
	background-color:#F0E9E8;
	font-weight:bold;
}

body.p-graduate #container #main #profileData{
	margin-left:40px;
	margin-right:32px;
}
body.p-graduate #container #main #profileData h2{
	margin-bottom:16px;
	text-indent:0;
	height:auto;
	padding-top:20px;
}
body.p-graduate #container #main #profileData table{
	width:100%;
	margin-bottom:20px;
}
body.p-graduate #container #main #profileData table td,
body.p-graduate #container #main #profileData table th{
	border-right:#BBBBBB solid 1px;
	border-bottom:#BBBBBB solid 1px;
	padding:6px;
}
body.p-graduate #container #main #profileData table th{
	background-color:#E1E1E1;
	width:70px;
}
body.p-graduate #container #main #profileData table th.mth{
	border-top:#BBBBBB solid 1px;
	background-color:#DCC1B1;
	font-weight:bold;
	font-size:15px;
	width:auto;
}
body.p-graduate #container #main #profileData table th.mth span{
	padding-left:8px;
	font-size:12px;
	font-weight:normal;
}
body.p-graduate #container #main #profileData table th.bth{
	font-weight:bold;
	color:#FFFFFF;
	font-size:14px;
	width:72px;
	vertical-align:top;
	background-color:#24130F;
	border:#24130F 1px solid;
}
body.p-graduate #container #main #profileData table td.history{
	border-top:#BBBBBB solid 1px;
	line-height:1.5em;
}



body#c-warazemi #container #sidebar{
	width:230px;
	float:right;
}
body#c-warazemi #container #sidebar p{
	margin-bottom:10px;
}

body.p-movie #main .leftbox{
	width:300px;
	float:left;
	text-align:center;
}

body.p-movie #outline #container #main h1{
	margin-bottom:25px;
	background:url("/img/movie/h_movie.jpg") no-repeat 0 0;
}
body.p-movie #main .section{
	margin-left:16px;
	margin-right:16px;
}
body.p-movie #main .rightbox{
	width:300px;
	float:right;
	text-align:center;
}

body.p-movie #main p{
	padding-top:7px;
	padding-bottom:14px;
	margin-bottom:30px;
	background:url("/img/common/dots11_ccc.gif") repeat-x 0 100%;
}
body.p-movie #main p span{
	background:url("/img/movie/ic_movie.gif") no-repeat 0 50%;
	padding-left:20px;
}


#footerCont{
	min-height:410px;
	height:auto !important;
	height:410px;
}
#footerCont #footer{
	width:960px;
	margin:0 auto;
}
#footerCont #footer a{
	color:#FFFFFF;
}
#footerCont #footer #produced{
	width:190px;
	float:left;
	text-align:center;
	color:#FFFFFF;
}
#footerCont #footer #produced p{
	margin-bottom:3px;
	font-size:10px;
}
#footerCont #footer #produced p#wnlogo{
	height:50px;
	text-indent:-5000px; 
}
#footerCont #footer #produced p#wnlogo a{
	display:block;
	height:100%;
}
#footerCont #footer #produced h5{
	text-indent:-5000px;
	height:100px;
	margin-bottom:7px;
}
#footerCont #footer #produced h5 a{
	height:100%;
	display:block;
}

#footerCont #footer #produced address{
	font-weight:bold;
	font-size:11px;
	margin-bottom:8px;
}
#footerCont #footer #produced p#copy{
	height:26px;
	text-indent:-5000px;
}
#footerCont #footer #ftList{
	width:750px;
	float:right;
}
#footerCont #footer #ftList h4{
	text-indent:-5000px;
	height:36px;
	margin-bottom:10px;

}
#footerCont #footer #ftList ul{
	width:232px;
	float:left;
	display:inline;
	margin-left:10px;
}
#footerCont #footer #ftList ul li{
	padding-bottom:5px;
	margin-bottom:5px;
}
#footerCont #footer #ftList ul li span{
	display:block;
	font-size:11px;
	color:#FFFFFF;
}
#footerCont #footer #ftList ul li a{
	font-size:11px;
	font-weight:bold;
	padding:2px 2px 2px 13px;
}

	
/*------------------------------------------
 * wnhead
 * ---------------------------------------*/
a:link{ color:#9E4125; }
a:visited{ color:#773F31; }
a:hover { color:#E6907B; }
body #footerCont { 
	background:#522B22 url("/img/common/footer_bg.jpg") repeat-x 0 0;
	padding-top:20px;
}
body #footerCont #footer #produced p#wnlogo{ background:url("http://warazemi.wondernotes.jp/img/common/footer_logo.gif") no-repeat 0 0; }
body #footerCont #footer #produced h5{ background:url("http://warazemi.wondernotes.jp/img/common/tb_logo.jpg") no-repeat 0 0; }
body #footerCont #footer #produced p#copy{ background:url("http://warazemi.wondernotes.jp/img/common/tb_copy.gif") no-repeat 0 0; }
body #footerCont #footer #ftList h4{ background:url("http://warazemi.wondernotes.jp/img/common/footer_list.gif") no-repeat 0 0; }
body #footerCont #footer #ftList ul li{ background:url("http://warazemi.wondernotes.jp/img/common/footer_dots.gif") repeat-x 0 100%; }
body #footerCont #footer #ftList ul li a{ background:url("http://warazemi.wondernotes.jp/img/common/footer_bullet.gif") no-repeat 0 50%; }

/*------------------------------------------
Add
--------------------------------------------*/

body.p-top #topimage{
	margin-bottom:10px;
}
body.p-top #container #main h1{ background:url("/img/top/about.gif") no-repeat 0 0; }
body.p-top #container #wrapper #main h2{ background:url("/img/top/support.gif") no-repeat 0 0; margin-bottom:10px;}

body.p-top #container #main #support h3{ 
	color:#7F7F7F;
	margin-bottom:4px;
}
body.p-top #container #main #support p{ 
	font-size:14px;
	margin-bottom:10px;
}
body.p-top #container #main #support table{
} 
body.p-top #container #main #support table th{
	color:#7F7F7F;
	padding:4px;
	padding-left:0;
	vertical-align:top;
	width:31px;

}
body.p-top #container #main #support table td{
	padding:4px;
	color:#333333;
}

body.p-top #container #wrapper #main .leftbox{
	width:356px;
	float:left;
}
body.p-top #container #wrapper #main .rightbox{
	width:305px;
	float:right;
}
body.p-top #container #main .rightbox ul{
	padding:0;
	margin:0;
}
body.p-top #container #main .rightbox ul li{
	margin-bottom:8px;
	padding:0;
}

#wrapper #main .begins{
	text-align:center;
}
#wrapper #main .begins #topimage{
	margin-bottom:20px;
}
#wrapper #main .begins p{
	font-size:14px;
	margin-bottom:20px;
}
#wrapper #main .begins ul{
	margin-bottom:30px;
}
#wrapper #main .begins ul li{
	display:inline;
	padding:0 10px;
}
#wrapper #main .stage{
	text-align:center;
	padding:0 10px;
}
#wrapper #main .stage .leftbox{
	width:230px;
	float:left;
}
#wrapper #main .stage .leftbox p{
	margin-bottom:10px;
}
#wrapper #main .stage .leftbox h3{
	font-weight:bold;
	font-size:17px;
}
#wrapper #main .stage .rightbox{
	width:430px;
	padding-top:10px;
	float:right;
}