@charset "utf-8";
/*------------------------------------------------------------------
	 Copyright(C) 2006-2007, 0yenhouse.com All Rights Reserved.
----------------------------------------------------------------- */

/*基本設定*/
body	{ margin: 0px 0px 0px; padding: 0px; background-color: #fff; }
h1	{ margin: 0px 10px 10px 20px; padding: 0px; font-family: 'ＭＳ P ゴシック',Osaka,sans-serif; font-size: 17px; color: #333; }
h2	{ color: #333; font-family: 'ＭＳ P ゴシック',Osaka,sans-serif; font-size: 14px; }
h3	{ font-size: 14px; color: #333; }
p	{ font-family: 'ＭＳ P ゴシック',Osaka,sans-serif; color: #333; }

img	{ border: 0; }

span	{ color: #f00; }
span.weight	{ font-weight: bold; }
span.size	{ font-size: 10px; color: #daa520; }
span.blue	{ font-weight: bold; color: #00f; }

a:link	{ text-decoration: none; }
a:hover	{ text-decoration: underline; }

hr	{ margin: 15px 20px 20px 22px; background: none; border: none; border-top: dotted 1px #aaa; }

/*Header*/
div#site_title	{ position: absolute; top: 23px; left: 11px; }

div#header	{ margin: 16px 0px 0px; background: url("./images/header.png") no-repeat; height: 45px; }
div#header ul	{ margin: 0px; padding: 18px 5px 0px 350px; font-size: 12px; }
div#header ul li	{ display: inline; margin-right: 7px; padding: 0px 10px 0px 4px; border-right: solid 1px #fff; }
div#header ul li#end	{ display: inline; margin-right: 7px; padding: 0px 10px 0px 4px; border-right: none; }
div#header a:link	{ color: #fff; }
div#header a:hover	{ color: #ff0; }
div#header a:visited	{ color: #f5f5f5; }

div#header_index	{ margin: 0px; background: url("./images/header.png") no-repeat; height: 45px; }
div#header_index ul	{ margin: 0px; padding: 17px 5px 0px 375px; font-size: 13px; }
div#header_index ul li	{ display: inline; margin-right: 7px; padding: 0px 10px 0px 4px; border-right: solid 1px #fff; }
div#header_index ul li#end	{ display: inline; margin-right: 7px; padding: 0px 10px 0px 4px; border-right: none; }
div#header_index a:link	{ color: #fff; }
div#header_index a:hover	{ color: #ff0; }
div#header_index a:visited	{ color: #f5f5f5; }


/*Container*/
div#container	{ background: url("./images/bg_container.png") repeat-y 0 0; width: 777px; }

/*PageGuide*/
div#page_guide	{ margin: 0px 14px 20px 0px; text-align: right; }

/*Contents*/

#booklist li	{ float: left; width: 124px; text-align: center; line-height: 150%; }

div#contents	{ float: right; margin-bottom: 0px; /*background: url("./images/bg_contents.png") repeat-y;*/ width: 550px; }
div#contents h2	{ margin: 0px 20px; padding-top: 10px; border-top: solid 1px #5a80b1; }
div#contents h3	{ margin: 20px 20px 10px; }
div#contents #signature	{ margin: 10px 20px; padding: 10px 0px 3px; border-top: solid 1px #5a80b1; text-align: right; }

div#contents p	{ margin: 15px 20px 20px 22px; font-size: 14px; }
div#contents ol	{ margin: 15px 20px 20px 22px; font-size: 14px; }
div#contents ul	{ margin: 15px 20px 20px 22px; font-size: 14px; }
div#contents ol li	{ margin: 5px 0; font-size: 14px; list-style-type: decimal; }
div#contents ul li	{ margin: 5px 0; font-size: 14px; list-style-type: disc; }
div#contents p.signature	{ margin: 0px 20px 10px 0px; text-align:right; }
div#contents_main	{ margin: 20px 0px 20px 0px; padding-bottom: 10px; /*background: url("./images/bg_contents_main.png") repeat-y;*/ }
div#contents_main p	{ line-height: 175%; }

div.return	{ margin: 20px 20px 10px 0px; text-align: right; }

div#class_info	{ margin: 10px 25px 0px 20px; padding: 10px; background-color: #f0f8ff; border-top: solid 1px #e6e6fa; border-right: solid 2px #e6e6fa; border-bottom: solid 2px #e6e6fa; border-left: solid 1px #e6e6fa; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W4", "Osaka", "ＭＳ Ｐゴシック", verdana, arial, sans-serif; }
div#class_info h3	{ margin: 0px; padding: 0px; font-size: 13px; }
div#class_info h4	{ margin: 15px 10px 10px; padding: 0px 0px 3px; border-bottom: dashed 1px #a9a9a9; font-size: 13px; }
div#class_info h5	{ margin: 10px 10px 0px; padding: 0px 0px 3px; font-size: 13px; }
div#class_info p	{ margin: 7px 10px 7px 16px; padding: 0px; font-size: 13px; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W4", "Osaka", "ＭＳ Ｐゴシック", verdana, arial, sans-serif; }
div#class_info table.sy	{ margin: 0px 12px; padding: 0px; line-height: 17px; }
div#class_info table.sy td	{ font-size: 13px; }


/*0yenhouse*/
table#gallery_index	{ margin: 0px 0px 20px 15px; }
table#gallery	{ margin: 0px 0px 20px 50px; }
table#gallery_index td	{ text-align: center; vertical-align: bottom; }
table#gallery td	{ text-align: center; vertical-align: bottom; }
table#gallery td#guide_left	{ text-align: right; width: 35%; }
table#gallery td#guide_enter	{ text-align: center; width: 30%; }
table#gallery td#guide_right	{ text-align: left; width: 35%; }
div#contents_main img	{ padding: 2px; border: solid 1px #999; }

/*Essay*/
p.essay	{ margin: 0px 20px; }
div#guide	{ margin: 30px 0px; text-align: center; }

/*Sitemap*/
div#contents_main ul#classification	{ margin: 30px 10px 10px 75px; }
div#contents_main ul#classification li.main_contents	{ margin: 3px 10px 3px 15px; padding-left: 25px; background: url("./images/bg_list_sitemap_li.gif") no-repeat; list-style: none; }
div#contents_main ul#classification li.main_contents_end	{ margin: 3px 10px 3px 15px; padding-left: 25px; background: url("./images/bg_list_sitemap_li_end.gif") no-repeat; list-style: none; }
div#contents_main ul.sub_classification	{ margin: 0px 10px 0px 15px; padding: 10px 0px 20px 25px; background: url("./images/bg_list_sitemap_ul.gif") repeat-y; }
div#contents_main ul.sub_classification li	{ margin: 0px 5px 0px 20px; padding-left: 25px; background: url("./images/bg_list_sitemap_li.gif") no-repeat; font-size: 14px; line-height: 150%; list-style: none; }
div#contents_main ul.sub_classification li.end	{ margin: 0px 5px 0px 20px; padding-left: 25px; background: url("./images/bg_list_sitemap_li_end.gif") no-repeat; font-size: 14px; line-height: 150%; list-style: none; }
div#contents_main ul.sub_classification_end	{ margin: 0px 10px 0px 15px; padding: 10px 0px 20px 25px; }
div#contents_main ul.sub_classification_end li	{ margin: 0px 5px 0px 20px; padding-left: 25px; background: url("./images/bg_list_sitemap_li.gif") no-repeat; font-size: 14px; line-height: 150%; }
div#contents_main ul.sub_classification_end li.end	{ margin: 0px 5px 0px 20px; padding-left: 25px; background: url("./images/bg_list_sitemap_li_end.gif") no-repeat; font-size: 14px; line-height: 150%; }

/*Navigation*/
div#navigation	{ margin: 0px 550px 0px 0px; padding: 25px 0px 15px; width: 210px; }
div#navigation h2	{ margin: 0px 0px 7px 15px; font-family: 'Times New Roman',Osaka,serif; }
div#menu	{ margin-bottom: 0px; padding: 10px 10px 10px 0px; }
div#menu h3	{ margin: 0px 0px 1px 15px; font-family: 'Times New Roman',Osaka,serif; }
div#menu p	{ margin: 0px 0px 12px 15px; font-size: 10px; line-height: 110%; }
div#menu a:hover	{ color: #daa520; }
img#border	{ margin-left: 15px; }

/*Shop*/
ins	{ font-weight: bold; color: #f00; text-decoration: none; }

table#shop	{ margin: 0px 0px 20px 15px; }
table#shop td.image	{ text-align: center; vertical-align: top; }
table#shop td.exp	{ text-align: left; vertical-align: bottom; }
table#shop td.exp p	{ margin: 0px 10px 5px; }

table#lowinfo	{ margin: 20px 15px 20px 10px; }
table#lowinfo td	{ font-size: 14px; text-align: left; vertical-align: top; }
table#lowinfo td.list	{ font-weight: bold; white-space: nowrap; }

table.form	{ margin: 10px 20px 30px; }
td.form	{ white-space: nowrap; vertical-align: top; }

/*Footer*/
div#footer	{ clear: both; margin: 0px; padding: 15px 30px 0px 0px; width: 755px; background: url("./images/bg_footer.png") no-repeat; height: 50px; font-family: 'ＭＳ P ゴシック',Osaka,sans-serif; font-size: 13px; color: #fff; text-align: right; }


/*Twitter*/

#tweet	{ position: absolute; top: 16px; left: 780px; }


/* .clearfix
------------------------------------------------------------------------------------- */

.clearfix:after	{ content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix	{ display: inline-block; }

/* Hides from IE-mac \*/
*html .clearfix	{ height: 1%; }
.clearfix	{ display: block; }
/* End hide from IE-mac */



