@charset "Shift_JIS";

/* 一括で全ての要素の余白をゼロに指定 */
* { margin: 0; padding: 0; }

a:link { color: #006600; text-decoration: underline; }
a:visited { color: #006600; text-decoration: underline; }
a:hover { color: #FF0000; text-decoration: underline; }

/* ---------------------------------------- フォントスタイル フォントサイズ */
body { font-family: "メイリオ","ＭＳ Ｐゴシック", "Osaka"; font-size: 90%; line-height: 1.5em; text-align: center; margin: 0; padding: 0; background-image: url('image/bg-body.jpg'); background-repeat: repeat-y; background-position: center center; }

/* ---------------------------------------- レイアウトに関する指定 */
#wrapper { text-align: left; margin: 0 auto; border: 1px solid #003300; width: 950px; background-color: #FFFFCC; }
#container { width: 100%; background-color: #EFE4B0; }
#contents { float: right; width: 680px; }
#sidebar { margin: 0 0 1em; padding: 0 0 20px; border-right-width: 1px; border-bottom-width: 1px; border-right-color: #660000; border-bottom-color: #660000; border-right-style: solid; border-bottom-style: solid; float: left; width: 250px; background-color: #FB9C0F; background-image: url('image/bg-sidebar.jpg'); }

.floatclear{ clear: both; }

/* ---------------------------------------- #header内の指定 */
#header { padding: 0; border-bottom: 1px solid #CCCCCC; }
h1 { font-size: 32px; line-height: 75px; text-align: center; letter-spacing: 10px; margin: 0; padding: 0; height: 90px; background-color: #005555; background-image: url(image/h1-image.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; display: block; }
	h1 A:link,
	h1 A:visited,
	h1 A:hover,
	h1 A:active { font-size: 32px; color: #FFFFFF; font-weight: bold; font-style: normal; text-decoration: none; }

/* ---------------------------------------- #globalnaviの指定 */
#globalnavi { font-size: 80%; line-height: 100%; text-align: right; padding-top: 5px; padding-bottom: 5px; border-bottom-width: 4px; border-bottom-color: #005555; border-bottom-style: solid; width: 100%; background-color: #FFFFFF; }
	#globalnavi ul { list-style-type: none; }
	#globalnavi li { margin: 0; padding: 0; border-left: 1px solid #CCCCCC; display: inline; }
	#globalnavi li a { color: #006600; text-decoration: none; margin: 0; padding: 0px 10px; width: auto; background-color: #FFFFFF; }
	#globalnavi li a:hover { color: #FFFFFF; background-color: #005555; }

/* ---------------------------------------- #contents内の指定 */
H2 { font-family: "メイリオ", "ＭＳ Ｐゴシック", "Osaka"; font-size: 100%; color: #FFFFFF; font-weight: bold; font-style: normal; font-variant: normal; line-height: 32px; text-indent: 5px; margin: 15px 5px 10px 0px; padding: 0px 0px 0px 8px; border-width: 1px 1px 1px 15px; border-color: #005555; border-style: solid; clear: left; background-color: #660000; background-image: none; display: block; }
	H2 A:link,
	H2 A:visited,
	H2 A:active { font-family: "メイリオ", "ＭＳ Ｐゴシック", "Osaka"; color: #FFFFFF; font-weight: bold; font-style: normal; text-decoration: none; }
	H2 A:hover { font-family: "メイリオ", "ＭＳ Ｐゴシック", "Osaka"; color: #FF9900; font-weight: bold; font-style: normal; text-decoration: none; }
H3 { font-size: 100%; line-height: 150%; margin: 10px 5px 0px 20px; padding-left: 10px; border-width: 1px 1px 1px 10px; border-color: #CC3300; border-style: solid; clear: left; background-color: #FFFFCC; }

/* -- 見出し -- */
h4,h5,h6 { font-size: 1.2em; margin-bottom: 1.5em; padding: 5px 0 5px 5px; border-bottom: 1px solid #000000; border-left: 10px solid #000000; }
hr{ color: #999933; line-height: 1px; margin: 0px 5%; border-width: 1px; border-color: #999933; border-style: solid none none; clear: left; height: 1px; width: 90%; display: block; }

/* -- 文字 -- */
#contents p { margin-bottom: 1em; }
EM { font-size: 90%; color: #333333; }

/* -- パン屑リスト -- */
#contents .topic-path { line-height: 1em; margin-bottom: 2em; }

#contents ul { margin-right: 2em; margin-bottom: 2em; margin-left: 3em; }
#contents li { line-height: 1.5em; }


/* ---------------------------------------- #sidebar内の指定 */
#sidebar p { font-size: 80%; }
	#sidebar hr { margin: 3px 10px; border-width: 1px; border-color: #660000; border-style: dashed none none; }
.sidetitle { font-size: 15px; color: #FFFFFF; line-height: 17px; text-align: center; margin: 10px 10px 5px; padding: 2px; border-top: 1px solid #660000; border-right: 5px solid #660000; border-bottom: 1px solid #660000; border-left: 5px solid #660000; background-color: #CC3300; background-image: none; }
.sideabout { padding-right: 10px; padding-left: 10px; }
.localnavi { font-size: 80%; margin-bottom: 2em; margin-left: 25px; list-style-type: none; }
.localnavi li { display: inline; }
.localnavi a { color: #660000; text-decoration: none; padding-right: 5px; padding-left: 5px; border-bottom: 1px solid #CCCCCC; width: 190px; background-color: #EEEEEE; display: block; }
.localnavi a:hover { color: #FFFFFF; text-decoration: none; border-bottom-width: 1px; border-bottom-color: #000000; border-bottom-style: solid; background-color: #660000; }

.sidebar-search { font-size: 12px; margin-top: 5px; margin-bottom: 0px; margin-left: 30px; padding: 0px; border: 1px solid #FF6633; width: 180px; background-color: #FFFFFF; }
.sidebar-amazon { font-size: 12px; text-align: left; margin-top: 5px; margin-bottom: 0px; margin-left: 30px; border: 1px none #FF6633; }
.sidebar-google { margin-top: 5px; margin-bottom: 5px; margin-left: 45px; }
.sidebar-google-index { margin-top: 5px; margin-bottom: 5px; margin-left: 35px; }

/* ---------------------------------------- #footer内の指定 */
#footer { margin-top: 0px; padding: 0px 0px 1em; clear: both; background-color: #660000; background-image: url('image/bg-footer.jpg'); background-repeat: repeat-x; }
	#footer p { color: #FFFFFF;}
#footer-menu { text-align: center; }
	#footer-menu ul { font-size: 15px; }
	#footer-menu li { font-size: 13px; color: #FFCC00; margin: 0px; padding: 0px; display: inline; }
	#footer-menu li a,
	#footer-menu li a:visited { color: #FFFFCC; font-weight: normal; font-style: normal; padding-left: 5px; }
	#footer-menu li a:hover { color: #FFFFFF; }

#footer-wrapper { text-align: left; margin: 0 auto; padding-top: 30px; padding-bottom: 0px; width: 950px; }

address{ font-size: 15px; color: #FFFFFF; font-weight: normal; font-style: normal; text-align: center; margin-top: 25px; margin-bottom: 5px; clear: both; width: 100%; }
	address a:link,
	address a:visited,
	address a:hover { color: #FFFFFF; font-weight: normal; font-style: normal; text-decoration: none; }

/* ---------------------------------------- #index内の指定 */
.index_img_frame { line-height: 135px; margin: 0 0 0 35px; padding: 5px 0px 10px 5px; background-image: url('image/index_img_frame.gif'); background-repeat: no-repeat; background-position: 0 0; }
.details { font-size: 85%; margin: 0px 5px 10px 20px; padding: 5px 8px; border-top-color: #CC3300; border-right: 1px solid #CC3300; border-bottom: 1px solid #CC3300; border-left: 1px solid #CC3300; }
.explanation { font-size: 80%; color: #CC6633; }
.p-counter { font-size: 12px; line-height: 13px; text-align: right; margin: 0 10px 0 0; padding: 0; }
.googleplus { text-align: right; margin: 0 10px 0 0; padding: 0; }
#whatnew { margin: 0; padding: 0; }
	#whatnew ul { margin: 0 0 0 2em; padding: 0 30px 0 0px; }
	#whatnew li { line-height: 1.2em; margin-top: 3px; padding-left: 1em; border-bottom-width: 1px; border-bottom-color: #CC6600; border-bottom-style: dashed; list-style-type: none; list-style-position: inside; }
#index-google { text-align: center; margin: 1em auto; padding: 0; }
.past { font-size: 80%; text-align: right; margin-top: 0; margin-right: 2em; margin-bottom: 0; padding: 0; }

/* ---------------------------------------- #contents内の指定 */
.text { line-height: 180%; text-align: left; text-indent: 1em; padding-right: 2em; padding-left: 3em; clear: left; }
.pic-studio { margin: 0px 20px 1em 3em; padding: 0px; float: left; clear: left; position: static; display: block; }
.pic-description { text-indent: 1em; margin: 0px 2em 0px 50px; padding: 3px 0px 0px; border-color: #FFFFFF; border-style: none; display: block; }
.img-float { float: left; }

/* ---------------------------------------- #sitemap内の指定 */
#sitemap { margin-bottom: 2em; }
	#sitemap H2 { font-family: "メイリオ","ＭＳ Ｐゴシック", "Osaka"; font-size: 100%; color: #003300; line-height: 140%; margin: 2em 100px 0.5em 4em; padding-left: 2em; border-top: 1px none #FFCC00; border-right: 1px none #FFCC00; border-bottom: 1px dashed #660000; border-left: 10px none #FFCC00; background-color: #EFE4B0; background-image: none; }
	#sitemap H2 A:link,
	#sitemap H2 A:visited,
	#sitemap H2 A:active { color: #003300; font-weight: normal; font-style: normal; text-decoration: none; }
	#sitemap H2 A:hover { color: #660000; }
	#sitemap H3 { font-size: 90%; font-weight: normal; line-height: 120%; margin: 0px 4em 0px 7em; padding-left: 1em; border-color: #FFFFFF; border-style: none; list-style-type: disc; background-color: #EFE4B0; background-image: none; }

/* ---------------------------------------- #blog内の指定 */
#blogrss_leftbox {margin: 0px;padding: 0px;float: left;clear: left;width: 340px;}
	#blogrss_leftbox ul{ padding-left: 0px; list-style-type: none; }
	#blogrss_leftbox li{ font-size: 90%; margin-top: 2px; }
	#blogrss_leftbox EM{ font-size: 90%; color: #333333;}
#blogrss_rightbox {float: right;width: 340px;margin: 0px;padding: 0px;}
	#blogrss_rightbox ul{ padding-left: 0px; list-style-type: none; }
	#blogrss_rightbox li{ font-size: 90%; }
	#blogrss_rightbox EM{ font-size: 90%; color: #333333;}
.summary { font-size: 80%; margin-bottom: 3px; margin-left: 1em; }

/* ---------------------------------------- #books内の指定 */
#amazon { font-size: small; font-style: normal; margin: 0px; padding: 0px; border-top-style: none; border-top-color: #FFFFFF; border-right-style: none; border-right-color: #FFFFFF; border-bottom-style: none; border-bottom-color: #FFFFFF; border-left-style: none; border-left-color: #FFFFFF; float: right; clear: right; position: static; display: block; }
#bookdata { text-align: left; margin: 10px 0px 20px 10px; padding: 0px; float: left; clear: left; width: 650px; display: block; }
	#bookdata a:link { color: #003333; }
	#bookdata img.cover { margin: 0px 10px 50px; padding: 0px; float: left; position: static; }
	#bookdata ul.data { margin: 0px 0px 0px 10px; padding: 0px; border-bottom-width: 1px; border-bottom-color: #CCCC66; border-bottom-style: solid; list-style-type: none; }
	#bookdata LI { color: #006633; line-height: 130%; margin: 0px; padding: 0px; border-top: 1px solid #CCCC66; background-color: #FFFFCC; }
.book-sales { font-size: 90%; margin: 10px 0px 30px 25px; }
.BOX { margin: 10px; padding: 10px; border: 1px solid #003300; width: 600px; }
h3.name { font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: medium; color: #003300; margin: 0px 0px 10px; padding: 5px 0px 5px 10px; border-width: 1px 1px 1px 10px; border-color: #663300; border-style: solid; background-color: #FFFF99; }
.h3-amazon { font-size: 14px; padding-left: 18px; background-image: url('books/icon/h3-amazon.gif'); background-repeat: no-repeat; }
.h3-rakuten { font-size: 14px; padding-left: 18px; background-image: url('books/icon/h3-rakuten.gif'); background-repeat: no-repeat; }
.li-amazon { font-size: 11px; margin-left: 2px; padding-left: 14px; background-image: url('books/icon/li-amazon.gif'); background-repeat: no-repeat; }
.li-rakuten { font-size: 11px; padding-left: 14px; background-image: url('books/icon/li-rakuten.gif'); background-repeat: no-repeat; }

/* ---------------------------------------- #link内の指定 */
.link-img { margin: 0.5em 2em 1em 3em; padding: 0; float: left; clear: left; position: static; display: block; }
.link-comment { margin: 0.5em 3em 1em 270px; padding: 0px; clear: right; }
.link-hr { margin: 0 3em; padding: 0; border-top: 2px dotted #CC3300; clear: left; height: 2px; display: block; }

/* ---------------------------------------- #collection内の指定 */
.collection-ul { margin: 0px 3em 2em 4em; padding: 0; list-style-type: none; display: block; }
.collection-li { line-height: 180%; margin: 0; padding: 0 0 0 1em; border-bottom-width: 1px; border-bottom-color: #660000; border-bottom-style: dashed; }
.collection-img { margin: 1em 2em 1em 3em; padding: 0; float: left; clear: left; position: static; display: block; }
#contents-google01 { margin: 2em 0px 1em; padding: 0; }
#contents-google02 { margin: 2em 0px 1em 3em; padding: 0; }
#contents-google03 { margin: 2em 0px 3em; padding: 0; border-color: #FFFFFF; border-style: none; display: block; }
.img_frame { line-height: 260px; margin: 1em 10px 0 0em; padding: 5px 15px 15px 5px; float: left; clear: left; position: static; background-image: url('image/img_frame.gif'); background-repeat: no-repeat; background-position: 0 0; display: block; }
.img_frame_old { line-height: 245px; margin: 1em 10px 0 0em; padding: 5px 15px 15px 5px; float: left; clear: left; position: static; background-image: url('image/img_frame_old.gif'); background-repeat: no-repeat; background-position: 0 0; display: block; }


/* ---------------------------------------- #process内の指定 */
#pagenavi { text-align: center; margin: 2em 0em 3em; padding: 1em 0 0; clear: left; }
.memo { line-height: 180%; text-align: left; text-indent: 1em; padding-right: 2em; padding-left: 3em; }

/* ---------------------------------------- #present内の指定 */
#present { text-align: center; margin-bottom: 20px; margin-left: 15px; border: 1px solid #CC9900; float: left; clear: left; background-color: #FFFFDD; display: block; }
.ul-non { list-style-type: none; }
.li-underline { margin-top: 20px; margin-right: 20px; margin-left: 20px; border-bottom-width: 2px; border-bottom-color: #FFCC00; border-style: none none dotted; }

/* ---------------------------------------- #bbs内の指定 */
.regfm{ margin-left: 2em; }
.art { margin: 2em 2em 1em; padding-top: 1em; padding-bottom: 1em; border-top-width: 1px; border-top-color: #990000; border-top-style: dashed; background-color: #E6DCA6; }
#edit{ text-align: right; margin-right: 2em; margin-left: 2em; padding-top: 0.5em; padding-bottom: 0.5em; border-top-width: 1px; border-bottom-width: 1px; border-top-color: #990000; border-bottom-color: #990000; border-top-style: dashed; border-bottom-style: dashed; }

/* ---------------------------------------- #bbs内の指定 */
#maker { margin-bottom: 1em; }
	#maker ul { list-style-type: none; }
	#maker li { padding-top: 5px; padding-right: 1em; padding-left: 1em; border-bottom-width: 1px; border-bottom-color: #660000; border-bottom-style: dashed; }