@charset "UTF-8";

body { margin: 0px; padding: 0px; background-color: #f3fbec; color: #666666; font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','ＭＳ Ｐゴシック',sans-serif; line-height: 1.5; text-align: center; }

/* General Settings */
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-size: 0px; line-height: 0; }
img { border: 0px; }
form { margin: 0px; padding: 0px; }
a { outline: none; }
a:link { color: #c59a50; text-decoration: underline; }
a:visited { color: #c59a50; text-decoration: underline; }
a:hover { color: #c59a50; text-decoration: none; }
.clear { height: 0px; font-size: 0px; line-height: 0px; float: none; clear: both; }

/* Preloading Image(s) */
#preload { position: absolute; filter: alpha(opacity=0); opacity: .0; }


/* Container */
#container { margin: 0 auto; width: 990px; background: url(../images/common/container.gif) repeat-y; }
#container_inner { margin: 0 auto; width: 980px; background-color: #e2dfd6; text-align: left; }


/* = = = = = = = = = = = = = = = = = = = =
Header
= = = = = = = = = = = = = = = = = = = = */
#header { height: 110px; background-color: #fff; position: relative; }
#header h1 { position: absolute; top: 17px; left: 25px; }
#header h2 { position: absolute; top: 58px; right: 15px; }
#header strong { font-size: 78%; font-weight: 400; line-height: 1.3; display: block; position: absolute; top: 10px; right: 15px; }


/* = = = = = = = = = = = = = = = = = = = =
Main
= = = = = = = = = = = = = = = = = = = = */
#main {}
#main .alpha { width: 700px; height: 257px; float: left; }
#main .beta { padding: 10px; width: 260px; height: 237px; float: left; }


/* = = = = = = = = = = = = = = = = = = = =
Menu
= = = = = = = = = = = = = = = = = = = = */
#menu { padding: 0 0 24px 0; }
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu  ul li { float: left; }

/* = = = = = = = = = = = = = = = = = = = =
Contents
= = = = = = = = = = = = = = = = = = = = */
#contents { background-color: #e2dfd6; }

/* = = = = = = = = = = = = = = = = = = = =
Modules and Module
= = = = = = = = = = = = = = = = = = = = */
#modules { margin: 0 15px 20px 15px; width: 950px; }
#modules_inner { width: 950px; background: url(../images/index/modules_body.gif) repeat-y; }
#modules_inner h4 { margin: 0; padding: 0; }
#modules_inner #news { margin: 0; padding: 0; width: 312px; background: url(../images/index/modules_header.gif) 0 24px no-repeat; float: left; }
#modules_inner #diary { margin: 0 0 0 7px; padding: 0; width: 312px; background: url(../images/index/modules_header.gif) 0 24px no-repeat; float: left; }
#modules_inner #works { margin: 0 0 0 7px; padding: 0; width: 312px; background: url(../images/index/modules_header.gif) 0 24px no-repeat; float: left; }
.module { font-size: 78%; line-height: 1.3; }
.module dl { margin: 15px 15px 0 15px; padding: 0; }
.module dl dt { margin: 0; padding: 0; width: 6.2em; float: left; clear: both; }
.module dl dd { margin: 0 0 0 6.2em; padding: 0 0 0.3em 0; }
.module p { margin: 0; padding: 0; }
.module p.alpha { margin: 10px 6px 0 15px; width: 72px; float: left; display: inline; }
.module p.beta { margin: 10px 0 0 0; width: 210px; float: left; }
.more { margin: 0.5em 15px 0.5em 0; text-align: right; }
.list { margin: 0 15px 0 0; text-align: right; }


/* = = = = = = = = = = = = = = = = = = = =
Twitter
 = = = = = = = = = = = = = = = = = = = = */
#twitter { margin: 0 15px; padding: 0 0 20px 0; width: 950px; }
#twitter_header { margin: 0 0 10px 0; height: 31px; position: relative; }
#twitter_header #twitter_bird { position: absolute; top: -52px; right: 2px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/index/twitter_bird.png", sizingMethod="scale"); }
#twitter_body { font-size: 78%; }
#twitter_body #twitter_noda, #twitter_fukidashi_left { float: left; }
#twitter_body #twitter_noda .alpha { margin: 3px 0 0 0; width: 40px; float: left; }
#twitter_body #twitter_noda .beta { margin: 5px 0 0 0; width: 80px; line-height: 1.2; float: left; }
#twitter_body #twitter_noda .beta a { font-weight: 700; }
#twitter_body #twitter_fukidashi { width: 823px; background-color: #fff; float: left; }
#twitter_body #twitter_fukidashi ul { margin: -2px 10px 0 10px; padding: 0; list-style: none; }
#twitter_body #twitter_fukidashi ul li { padding: 5px 3px; background: url(../images/index/twitter_separator.gif) bottom repeat-x; line-height: 1.3; }
#twitter_body #twitter_fukidashi ul li span { font-size: 90%; }
#twitter_body #twitter_fukidashi #twitter_fukidashi_bottom { margin: -2px 0 0 0; }

/* = = = = = = = = = = = = = = = = = = = =
Address
= = = = = = = = = = = = = = = = = = = = */
address { padding: 0 0 15px 0; font-size: 78%; font-style: normal; text-align: center; }

/* = = = = = = = = = = = = = = = = = = = =
Copyright
= = = = = = = = = = = = = = = = = = = = */
#copyright { padding: 40px 0 60px 0; background-color: #298122; text-align: center; }


/* = = = = = = = = = = = = = = = = = = = =
Contact
= = = = = = = = = = = = = = = = = = = = */
#contact { margin: 0 190px 0 190px; width: 600px; }
#contact p.msg { font-size: 80%; line-height: 1.5; }
#contact p.expand { margin: 0 0 10em 0; }
#contact p.contact_header { font-size: 80%; line-height: 1.5; }
#contact p.contact_note { color: #ff0000; font-size: 78%; line-height: 1.3; text-align: right; }
#contact ul { margin: 0 0 30px 0; padding: 0; list-style: none; }
#contact ul li { margin: 0 0 0.8em 0; font-size: 80%; line-height: 1.3; }
#contact ul li label { margin: 0 0 0.3em 0; font-weight: 700; display: block; }
#contact ul li label span { color: #ff0000; }
#contact ul li #contact_name, #contact_kana, #contact_mail, #contact_tel, #contact_zip { width: 50%; font-size: 110%; }
#contact ul li #contact_address { width: 100%; font-size: 110%; }
#contact ul li textarea { width: 100%; height: 10em; font-size: 110%; }

.validation-advice { margin: 5px 0; padding: 5px; background-color: #FF3300; color : #FFF; font-weight: bold; }
 
#privacy { margin: 0 0 30px 0; }
#privacy strong { margin: 0 0 0.5em 0; font-size: 80%; line-height: 1; display: block; }
#privacy #privacy_inner { height: 150px; background-color: #fff; font-size: 78%; line-height: 1.5; overflow: auto; }
#privacy #privacy_inner p { margin: 0.8em; padding: 0; }
#privacy #privacy_inner ol { margin-top: 0; margin-bottom: 0.5em; }
#form_button { margin: 0 0 40px 0; text-align: center; }