@charset "Shift_JIS";

/*  2009.10 作成  */
/*　全ページ共通スタイル　*/


/* 初期化 */

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




/* basic settings */

body { font:13px "メイリオ",arial,helvetica,clean,sans-serif; 
    *font-size:small;
    *font:x-small;
margin:0; padding:0; background:#F3F1EB; 
}

table {
    font-size:inherit;
    font:100%;
}

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }

.font_red { color:#CC3333; }


a:link { color: #FF6600; text-decoration: underline; }
a:visited { color:#333333; text-decoration: underline; }
a:hover { color: #FF9900; text-decoration: underline; }
a:active { color: #FFCC66; text-decoration: underline; }

/* マージン系クラス */

.mgnB3{ margin-bottom:3px; }
.mgnB5{ margin-bottom:5px; }
.mgnT5{ margin-top:5px; }
.mgnB10{ margin-bottom:10px; }
.mgnB15{ margin-bottom:15px; }
.mgnB20{ margin-bottom:20px; }
.mgnB30{ margin-bottom:30px; }
.mgnB40{ margin-bottom:40px; }
.mgnR5{ margin-right:5px; }
.mgnR10{ margin-right:10px; }

.imgL{ float:left; }
.imgR{ float:right; }

/*------------------------------　wrapper　------------------------------*/

div#wrapper{ width:930px; margin:0 auto; padding: 15px; background: #fff; margin-bottom: 20px; margin-top: 20px; border-bottom: 1px solid #ccc; padding-top: 10px; color: #423838; }


/*------------------------------　header　------------------------------*/

div#header{ width:930px; margin-bottom: 10px; }


/*------------------------------　footer　------------------------------*/

div#footer{ width:930px; background:url(../images/f_line.gif) no-repeat; padding-top:18px; text-align:left;}


/*------------------------------　container　------------------------------*/

div#container{ width:930px; padding-bottom: 10px; margin-bottom: 20px; 
}


/*------------------------------　navi　------------------------------*/

div#navi{ 
width:912px;
_width:910px;
margin:0 auto; 
height:49px; 
background:url(../images/nv_bg.gif) repeat-x; 
padding-left: 18px; 
padding-top: 8px;
	 }
	 
ul { list-style-type: none; overflow: hidden; zoom: 1; margin: 0; padding: 0; 
}

ul li { float: left; margin-right:15px; _margin-right:13px; 
}



/*------------------------------　top book　------------------------------*/

div#top_book{ width:928px; border:1px solid #BFB6AD; background:url(../images/top_book_bg.gif) repeat-y #F9F5EF; margin-bottom: 20px; }



/*------------------------------　contents　------------------------------*/

#top_main { width:930px; background:url(../images/top_mainPhoto.jpg) no-repeat; padding-top:213px; height: 141px; margin-bottom: 10px; }
#top_1 { width:206px; height:130px; padding-left:32px; float: left; }
#top_2 { width:205px; height:130px; float: left; margin-left: 14px; }
#top_3 { width:205px; height:130px; float: left; margin-left: 15px; overflow: hidden; }
#top_4 { width:205px; height:130px; float: left; margin-left: 17px; }
.top_text{ width:90%; margin:0 auto; padding-top: 5px; line-height: 1.3em; }
.top_more { padding-left: 128px; margin-top: 3px; }
#book_title { width:154px; float:left; min-height: 500px; }
.book_L{ width:370px; border-right:1px dotted #BFB6AD; padding:10px; float:left; }
.book_R{ width:360px; padding:10px; float:right; }
.book_ttl{ float:left; border-bottom:3px solid #BFB6AD; font-size:14px; font-weight:bold; padding-bottom: 2px; width: 270px; margin-bottom: 7px; }
.book_txt { display:block; color:#333333; }
.book_txt2 { display:block; font-size:11px; color:#999999; }

#punkz { width:930px; margin-bottom:10px; font-size: 88%; margin-top: 5px; }
.gotoTop { width:52px; background:url(../images/about_cmn_btm.gif) no-repeat; padding-left:878px; }
.pointRed { background:url(../images/cmn_point_red.gif) no-repeat left center; padding-left:17px; }
.fontBold { font-weight:bold; }

.block{ margin-bottom: 30px; padding: 10px; border: 1px solid #ccc; background-color: #FFFFFF; 
}


.block h3{ font-size:20px; font-weight:bold; display: block; margin-bottom: 10px; background-color: #F4F7E4; border-bottom: 1px solid #ccc; padding: 5px; color: #605650; 
}


.blockTitle{
	width:910px;
	margin-bottom: 20px;
	padding: 5px;
	font-size:18px;
	font-weight:bold;
	background-color:#ddd;
	text-align: left;
}


.block td { padding:5px; line-height:1.5em; }

.block .tdL { border-right:1px solid #ccc; background-color:#FFFDEB; border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-weight:bold; }
.block .tdR {  border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
.block .tdT { border-top:1px solid #ccc; }
.block .tdB { border-bottom:1px solid #ccc; }


/*------------------------------　about.html　------------------------------*/

.about_block { width:930px; background:url(../images/about_bg.gif) repeat-y; margin-bottom:35px; }
.about_contents { width:895px; margin:0 auto; }
.dot_left{ float:left; border-left:dotted 1px #ccc; padding-left:15px; width: 660px; line-height: 1.6em; margin-left: 5px; font-size: 95%; }
.about_example { width:635px; border:1px solid #ccc; padding: 10px; font-weight: bold; margin-bottom: 10px; background-color: #FAFAFA; }
.about_kadai { color:#FF3333; }

dl.about_profile dt { clear: left; float: left; margin: 0 0 0.8em; width: 7.5em; border-left: solid 4px #e6e6e6; padding-left: 5px; color: #776C67; }

dl.about_profile dd { margin-bottom: 0.8em; margin-left: 7em; }


/*------------------------------　mail.html　------------------------------*/

.td_line{ border-bottom:2px solid #ccc; }
.td_dot{ border-bottom:1px dotted #333;  }

.acc_point{ border-left:4px solid #fc0; padding-left:6px; margin-bottom: 5px; margin-top: 5px; }

.form_1line{ width:240px; height: 25px; font-size: 115%; }
.form_multi{ width:550px; height:180px; font-size: 115%; margin-bottom: 15px; 
}
.mail_block{ margin-bottom: 30px; padding: 10px; border: 1px solid #ccc; background-color:#FFFBE7; background-image: url(../images/mail_stamp.jpg); background-repeat: no-repeat; background-position: right top; 
}