@charset "Shift_JIS";
/* CSS Document */

p#yodogawa{ margin:20px auto 30px auto; text-align:center;}

div#wrapper h2{ margin:30px auto; text-align:center;}

div.main_set{ width:652px; margin:20px auto 40px auto; color:#FFF;}
div.main_set p{ padding-left:76px;}

div#youtube{ width:652px; height:401px; background:url(../20120813_images/ytb_bg.gif) no-repeat; margin:10px auto; text-align:center; padding-top:5px;}

div#btn_toform{ width:481px; margin:20px auto 40px auto; text-align:center;}
div#btn_toform a{ width:481px; height:80px; display:block; background:url(../20120813_images/btn_toform.png) no-repeat; text-indent:-9999px;}
div#btn_toform a:hover{ background-position:bottom;}

div#foot{ width:100%; background:url(../20120813_images/foot_bg.png) no-repeat; position:relative; padding:40px 0;}

div.sub_set{ width:658px; margin:20px auto 20px auto; color:#FFF;}
div.sub_set h3{ margin-bottom:10px;}
div.sub_set p{ padding-left:76px;}

.sub02_wrapper{ width:690px; margin:0 auto;}

.sub02_set_head{ width:335px; height:5px; background:url(../20120813_images/subkakomi-top.gif) no-repeat;}
.sub02_set_middle{ width:335px; height:230px;background:url(../20120813_images/subkakomi-middle.gif) repeat-y;}
.sub02_set_bottom{ width:335px; height:5px; background:url(../20120813_images/subkakomi-bottom.gif) no-repeat;}

.sub02_set{ color:#FFF; font-size:12px; text-align:center;}
.sub02_set h3{ margin:0 auto; padding:5px 0; text-align:center;}

ul#submenu{ margin:20px auto; width:476px; padding:0 0 160px 0; position:relative;}
ul#submenu li#offcialsite{ width:228px; position:absolute; left:0; z-index:10;}
ul#submenu li#facebook{ width:228px;  position:absolute; right:0; z-index:11;}

ul#submenu li#offcialsite a{ width:228px; height:52px; display:block; background:url(../20120813_images/btn_site.gif) no-repeat; text-indent:-9999px;}
ul#submenu li#offcialsite a:hover{ background-position:bottom;}
ul#submenu li#facebook a{ width:228px; height:52px; display:block; background:url(../20120813_images/btn_facebook.gif) no-repeat; text-indent:-9999px;}
ul#submenu li#facebook a:hover{ background-position:bottom;}

div#foot_il{ width:100%; height:404px; background:url(../20120813_images/foot_il.png) no-repeat center; position:absolute; bottom:0;}

div#foot_menu{ width:100%; background-color:#000000;}
div#foot_menu ul{ margin:0 auto; padding:15px 0 15px 0; width:800px; position:relative}
div#foot_menu li{ margin:0; padding:0;}

div#foot_menu li#foot_mail a{ width:157px; height:23px; display:block; background:url(../20120813_images/foot.gif) no-repeat 0 0; text-indent:-9999px; float:left;}
div#foot_menu li#foot_mail a:hover{ background-position:0 bottom;}
div#foot_menu li#foot_tweet a{ width:157px; height:23px; display:block; background:url(../20120813_images/foot.gif) no-repeat -157px 0; text-indent:-9999px; float:left;}
div#foot_menu li#foot_tweet a:hover{ background-position:-157px bottom;}
div#foot_menu li#foot_home a{ width:98px; height:23px; display:block; background:url(../20120813_images/foot.gif) no-repeat -314px 0; text-indent:-9999px; float:left;}
div#foot_menu li#foot_home a:hover{ background-position:-314px bottom;}
div#foot_menu li#copyright{ position:absolute; right:0; color:#FFF; font-size:12px;}

div#like_btn{ width:800px; margin:10px auto 0 auto; padding-bottom:15px; text-align:left;}

div#archive{ width:690px; margin:0 auto; padding:30px 0;}
div#archive a{ color:#FFF;}
div#archive dl{ width:610px; margin:20px auto 0 auto;}
div#archive dt{ float:left; padding-right:10px;}
div#archive dd{ float:left; padding-right:10px;}
div#archive span{ width:149px; height:29px; text-align:center; background:url(../20120813_images/date_bg.gif) no-repeat; display:block; color:#FFF; font-size:12px; padding-top:5px;}

div#date{ width:800px; margin:0 auto; text-align:center; color:#FFF; padding-bottom:20px; font-size:12px;}