@charset "shift_jis";

/*------------------------------------
   basic
------------------------------------*/
* {
	margin:0;
	padding:0;
}

body, div, ol, ul, dl, form{
	margin:0;
	padding:0;
}

p, h1, h2, h3, h4, h5, h6, dt, dd, input, textarea{
	font-size:100%;
	margin:0;
	padding:0;
}

body{
	width:100%;
	background: url(image/bg.gif) repeat-y center top #000;
	color:#333333;
	font-family: '僸儔僊僲妏僑 Pro W3','Hiragino Kaku Gothic Pro','儊僀儕僆',Meiryo,'俵俽 俹僑僔僢僋',sans-serif;;
	font-size:10pt;
	line-height:1.6;
	text-align:center;
}

a:link {color:#09f;text-decoration:none;}
a:visited {color:#09f;text-decoration:none;}
a:hover {color:#09f;text-decoration:underline;}
a:active {color:#09f;text-decoration:none;}


/*------------------------------------
   慡懱峔憿
------------------------------------*/
#header{
	margin: 0 auto;
	padding: 0;
}

#header h1{
	margin: 0;
	padding: 0;
}

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

#content h2.titleImg{
	margin-left: 50px;
}

#content h3.titleImg{
	margin-left: 50px;
}

#content p.main{
	margin-left: 120px;
	margin-right: 120px;
}


#content ul.main{
	list-style: none;
	margin-left: 100px;
	margin-right: 120px;
}

#content .main li{
	margin: 10px 0;
	padding-left: 20px;
	background: url(image/bg_list2.gif) no-repeat 0 0.2em;
}



#footer{
	width: 800px;
	margin: 0 auto;
	padding: 10px 0 5px 0;
	background: url(image/bg_footer.jpg) repeat-x 0 0 #5f5f62;
}

#footer p{
	text-align: center;
}

#footer a:link {color:#06f;text-decoration:none;}
#footer a:visited {color:#06f;text-decoration:none;}
#footer a:hover {color:#06f;text-decoration:underline;}
#footer a:active {color:#06f;text-decoration:none;}

/*------------------------------------
   #schedule
------------------------------------*/
#schedule{
	background: url(image/bg_center_w650.gif) repeat-y 0 0;
	color: #fff;
	font-size: 14pt;
	font-weight: 600;
	margin: 10px 75px;
	padding: 6px 0 4px;
	text-align: center;
	width: 650px;
}
/*------------------------------------
   #box_about
------------------------------------*/
#box_about{
	margin-left: 75px;
	margin-right: 75px;
	border: 1px solid #dcdcdc;
	background: url(image/bg_box_about.gif) left bottom repeat-x #e5e5e5;
}

#box_about h3{
	margin: 10px 45px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #333;
	font-size: 13pt;
	font-weight: 600;
}

#box_about p{
	margin-left: 45px;
	margin-right: 45px;
}
/*------------------------------------
   #box_profile
------------------------------------*/
#box_profile{
	margin-left: 75px;
	margin-right: 75px;
	border: 5px double #666;
	background: #ffc;
}

#box_profile h3{
	padding: 10px 0 13px 25px;
	background: url(image/bg_title_black.gif) repeat-x 0 bottom #000;
	color: #fff;
	font-size: 13pt;
	font-weight: 600;
}

#box_profile p{
	margin-left: 25px;
	margin-right: 25px;
	font-size: 9.5pt;
	line-height: 180%;
}

#box_profile img{
	float: right;
	margin-left: 15px;
	margin-right: 20px;
}

#box_profile a:link {color:#039;text-decoration:none;}
#box_profile a:visited {color:#039;text-decoration:none;}
#box_profile a:hover {color:#039;text-decoration:underline;}
#box_profile a:active {color:#039;text-decoration:none;}
/*------------------------------------
   #box_howto
------------------------------------*/
#box_howto{
	width: 650px;
	margin-left: 75px;
	margin-right: 75px;
	background: url(image/bg_howtoB.gif) left bottom no-repeat #f1feff;
}

#box_howto dl{
	margin: 5px;
}

#box_howto dt{
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}

#box_howto dd{
	margin-left: 45px;
	margin-right: 45px;
}

#box_howto textarea{
	border: none;
	background: #ffc;
	width: 100%;
	height: 25px;
	padding: 5px 7px;
	overflow: hidden;
}

#box_howto h3{
	margin: 0;
	padding:0;
}

/*------------------------------------
   .box_affirmation
------------------------------------*/
.box_affirmation{
	margin-left: 75px;
	margin-right: 75px;
	border: 1px solid #dcdcdc;
	background: url(image/bg_box_about.gif) left bottom repeat-x #e5e5e5;
}


.box_affirmation h4{
	margin: 10px 25px;
	padding-left: 12px;
	padding-bottom: 2px;
	border-left: 8px solid #09f;
	border-bottom: 1px solid #09f;
	background: #fff;
	font-size: 10.5pt;
	font-weight: 600;
}

.box_affirmation h4 .en{
	font-size: larger;
	color: #09f;
}

.box_affirmation ul{
	list-style: none;
}

.box_affirmation li{
	margin: 10px 25px 10px 25px;
	padding: 0 0 8px 20px;
	background: url(image/bg_list.gif) no-repeat 0 0.2em;
}

.box_affirmation .liBorder{
	border-bottom: 1px dotted #333;
}

.box_tweetSample{
	margin-left: 100px;
	margin-right: 100px;
	background: #f1feff;
	border: 1px solid #09f;
	padding: 20px;
}


/*------------------------------------
   #bookIntro
------------------------------------*/
#bookIntro{
	margin-left: 75px;
	margin-right: 75px;
	border: 5px double #3fc;
}

#bookIntro h3{
	padding: 10px 0 13px 25px;
	background: url(image/bg_title_black.gif) repeat-x 0 bottom #000;
	color: #fff;
	font-size: 13pt;
	font-weight: 600;
}

#bookIntro h4{
	margin-left: 5px;
	margin-right: 5px;
	padding: 15px 0 12px 20px;
	background: url(image/bg_title_yellow.gif) repeat-x 0 top #ff0;
	font-size: 12pt;
	font-weight: 600;
	color: #333;
}

#bookIntro p{
	margin-left: 25px;
	margin-right: 25px;
}


#bookIntro .ul0{
	list-style: none;
	margin-left: 25px;
	margin-right: 25px;
}

#bookIntro .ul0 li{
	margin: 5px 0;
	padding: 0;
}

#bookIntro .ulCream{
	list-style: none;
	margin-left: 10px;
	margin-right: 10px;
	border-top: 1px dotted #ccc;
	background: #ffc;
}

#bookIntro .ulCream li{
	margin: 10px 0;
	padding: 0 3px 3px 3px;
	border-bottom: 1px dotted #ccc;
}

#bookIntro .ul1, .ul2, .ul3{
	list-style: none;
	margin-left: 18px;
}

#bookIntro .ul1 li, .ul2 li, .ul3 li{
	margin: 10px 0;
	padding-left: 20px;
}

#bookIntro .ul1 li{
	background: url(image/bg_list.gif) no-repeat 0 0.2em;
}

#bookIntro .ul2 li{
	background: url(image/bg_list2.gif) no-repeat 0 0.2em;
}

#bookIntro .ul3 li{
	background: url(image/bg_list3.gif) no-repeat 0 0.2em;
	font-size: 12pt;
	color: #f00;
}

.rightT{
	display: block;
	margin-bottom: 5px;
	text-align: right;
}

#bookIntro ol{
	margin-left: 45px;
	margin-right: 45px;
}



.rightB{
	float: right;
	margin-left: 10px;
}

#bookIntro dt{
	margin-left: 5px;
	margin-right: 5px;
	padding: 8px 0 5px 20px;
	background: url(image/bg_title_black.gif) repeat-x 0 bottom #000;
	font-weight: 600;
	color: #fff;
}

/*
	background: url(image/bg_title_red.gif) repeat-x 0 bottom #ff6626;
*/



#bookIntro dd{
	margin: 5px 25px 20px 25px;
}


#bookIntro .inyo{
	border: 1px dotted #f0c;
	background: #ffc;
	margin: 10px;
	padding: 10px 15px;
}

#bookIntro .inyoLabel{
	display: block;
	text-align: right;
	font-size: 9pt;
}
/*------------------------------------
	.button_detail
------------------------------------*/
.button_detail{
	display: block;
	width: 650px;
	height: 138px;
	margin: 0 auto;
	padding: 0;
}

.button_detail a{
	display: block;
	width: 650px;
	height: 138px;
	background: url(image/button_detail.jpg) no-repeat 0 0;
}

.button_detail a span{
	display: none;
}

.button_detail a:hover{
	background-position: 0 -138px;
}
/*------------------------------------
	.button_follow
------------------------------------*/
.button_follow{
	display: block;
	width: 157px;
	height: 58px;
	margin: 1px 0 5px;
	padding: 0;
}

.button_follow a{
	display: block;
	width: 157px;
	height: 58px;
	background: url(image/button_follow.jpg) no-repeat 0 0;
}

.button_follow a span{
	display: none;
}

.button_follow a:hover{
	background-position: 0 -58px;
}
/*------------------------------------
	.button_sample
------------------------------------*/
.button_sample{
	display: block;
	width: 213px;
	height: 54px;
	margin: 0 auto;
	padding: 0;
}

.button_sample a{
	display: block;
	width: 213px;
	height: 54px;
	background: url(image/button_sample.jpg) no-repeat 0 0;
}

.button_sample a span{
	display: none;
}

.button_sample a:hover{
	background-position: 0 -54px;
}

/*------------------------------------
   挷惍抣
------------------------------------*/
.right{
	float: right;
	margin-left: 10px;
	margin-right: 5px;
}

.clear{
	clear: both;
}

.f16g {font-size: 16pt; font-weight: normal; font-family: "HGP憂塸妏恨集窾B";}
.f15g {font-size: 15pt; font-weight: normal; font-family: "HGP憂塸妏恨集窾B";}
.f14g {font-size: 14pt; font-weight: normal; font-family: "HGP憂塸妏恨集窾B";}
.f13g {font-size: 13pt; font-weight: normal; font-family: "HGP憂塸妏恨集窾B";}
.f12g {font-size: 12pt; font-weight: normal; font-family: "HGP憂塸妏恨集窾B";}


.f16 {font-size: 16pt;}
.f15 {font-size: 15pt;}
.f14 {font-size: 14pt;}
.f13 {font-size: 13pt;}
.f12 {font-size: 12pt;}
.f11 {font-size: 11pt;}
.f9 {font-size: 9pt;}


.red { color: #f30;}
.blue {	color: #06f;}
.white { color: #fff;}
.green { color: #6c0;}


.bold600{font-weight: 600;}
.under{ text-decoration: underline;}
.italic{ font-style: oblique;}

strong{ font-weight: 600;}

.mt5 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}
.mt50 { margin-top: 50px;}

.mb5 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}