@charset "utf-8";

/***********************************
  Agenda ATENASHOKUNIN.com
  www/common/css/base.css
***********************************/

/*==================================
  BASIC
==================================*/
html{margin:0 auto; padding:0; font-size:75%; font-family:verdana;}
body {margin:0 auto; padding:0; background:#131313 url(../images/back.jpg) top repeat-x; text-align:center; color:#666;}

/*==================================
  RESET
==================================*/
* {margin:0; padding:0; text-align:left;}
img{border:none; vertical-align:bottom;}
hr {display:none;}
p {line-height:1.6;}
div#title-tip {margin:3em 0 0 1em; border:solid #ccc 1px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:.3em .5em; background:#eee; opacity:.8; filter:alpha(opacity=80); font-size:10px; z-index:10;}
element.style {display:none;}
* html .iepngfix {behavior:expression(IEPNGFIX.fix(this));}
.clear {zoom:100%;}
.clear:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}


/*==================================
  common parts
==================================*/
.hid{display:none;}
.fright {float:right;}
.fleft {float:left;}
/*\*/ a { overflow: hidden; }/**/


/*==================================
  LINK
==================================*/
a {color:#666; text-decoration:underline;}
a:link {color:#666; text-decoration:underline;}
a:visited {color:#666; text-decoration:underline;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}


/*==================================
  common layout
==================================*/
div#pan {background:#131313; color:#8b8b8b; font-size:10px; padding:5px 0 8px;}
div#pan p {width:900px; margin:0 auto; line-height:1.25;}
div#pan p a {color:#bebebe;}


/*==================================
  common header
==================================*/
div#header {width:900px; height:120px; margin:0 auto; overflow:hidden;}
div#header h1 {position:absolute; margin-top:33px; width:210px; height:33px; overflow:hidden; font-size:0; line-height:0; background:url(../images/logo.gif);}
div#header h1 a {display:block;}
div#header h1 a:hover {background-color:transparent;}
div#header h1 a:hover img {visibility:hidden;}
div#header p {color:#8b8b8b; position:absolute; margin-top:10px; line-height:1;}
div#header ul {list-style:none; position:absolute;}
div#header ul li {position:absolute; line-height:0; font-size:0; overflow:hidden;}
div#header ul li#navi01 {width:150px; height:30px; background:url(../images/navi01_ov.gif); margin:78px 0 0 0;}
div#header ul li#navi02 {width:150px; height:30px; background:url(../images/navi02_ov.gif); margin:78px 0 0 150px;}
div#header ul li#navi03 {width:150px; height:30px; background:url(../images/navi03_ov.gif); margin:78px 0 0 300px;}
div#header ul li#navi04 {width:150px; height:30px; background:url(../images/navi04_ov.gif); margin:78px 0 0 450px;}
div#header ul li#navi05 {width:150px; height:30px; background:url(../images/navi05_ov.gif); margin:78px 0 0 600px;}
div#header ul li#navi06 {width:150px; height:30px; background:url(../images/navi06_ov.gif); margin:78px 0 0 750px;}
div#header ul li#navi07 {width:90px; height:18px; background:url(../images/btn_h01_ov.gif); margin:18px 0 0 650px;}
div#header ul li#navi08 {width:150px; height:50px; background:url(../images/btn_h03_ov.gif); margin:14px 0 0 750px;}
div#header ul li#navi09 {width:100px; height:18px; background:url(../images/btn_h04_ov.gif); margin:18px 0 0 545px;}
div#header ul li a {display:block;}
div#header ul li a:hover {background-color:transparent;}
div#header ul li a:hover img {visibility:hidden;}
div#header div {position:absolute; width:195px; margin:47px 0 0 545px; background:url(../images/icon_search.gif) left no-repeat;}
div#header div input#search {width:132px; height:16px; float:left; margin-left:20px;}
div#header div input#search-btn {float:right; padding-top:1px;}
/*==================================

/*==================================
  blog header
==================================*/
div#header_blog {width:900px; height:120px; margin:0 auto; overflow:hidden;}
div#header_blog h1 {position:absolute; margin-top:33px; width:210px; height:33px; overflow:hidden; font-size:0; line-height:0; background:url(../images/logo.gif);}
div#header_blog h1 a {display:block;}
div#header_blog h1 a:hover {background-color:transparent;}
div#header_blog h1 a:hover img {visibility:hidden;}
div#header_blog p {color:#8b8b8b; position:absolute; margin-top:10px; line-height:1;}
div#header_blog ul {list-style:none; position:absolute;}
div#header_blog ul li {position:absolute; line-height:0; font-size:0; overflow:hidden;}
div#header_blog ul li#navi01 {width:150px; height:30px; background:url(../images/navi01_ov.gif); margin:30px 0 0 -365px;}
div#header_blog ul li#navi02 {width:150px; height:30px; background:url(../images/navi02_ov.gif); margin:30px 0 0 -215px;}
div#header_blog ul li#navi03 {width:150px; height:30px; background:url(../images/navi03_ov.gif); margin:30px 0 0 -65px;}
div#header_blog ul li#navi04 {width:150px; height:30px; background:url(../images/navi04_ov.gif); margin:30px 0 0 85px;}
div#header_blog ul li#navi05 {width:150px; height:30px; background:url(../images/navi05_ov.gif); margin:30px 0 0 235px;}
div#header_blog ul li#navi06 {width:150px; height:30px; background:url(../images/navi06_ov.gif); margin:30px 0 0 385px;}
div#header_blog ul li#navi07 {width:90px; height:18px; background:url(../images/btn_h01_ov.gif); margin:-30px 0 0 267px;}
div#header_blog ul li#navi08 {width:150px; height:50px; background:url(../images/btn_h03_ov.gif); margin:-30px 0 0 370px;}
div#header_blog ul li#navi09 {width:100px; height:18px; background:url(../images/btn_h04_ov.gif); margin:-30px 0 0 160px;}
div#header_blog ul li a {display:block;}
div#header_blog ul li a:hover {background-color:transparent;}
div#header_blog ul li a:hover img {visibility:hidden;}
div#header_blog div {position:absolute; width:195px; margin:0px 0 0 165px; background:url(../images/icon_search.gif) left no-repeat;}
div#header_blog div input#search {width:132px; height:16px; float:left; margin-left:20px;}
div#header_blog div input#search-btn {float:right; padding-top:1px;}

/*==================================
  blog header letter size
==================================*/
span#letter{position:absolute; margin:47px 0 0 365px;}
span#letter img{ float:left;}

/*==================================
  gototop
==================================*/
div.gototop {padding:15px 0 0 685px; clear:both;}
div.gototop p {width:135px; height:22px; overflow:hidden; background:url(../images/btn_gototop_ov.gif);}
div.gototop p a {display:block;}
div.gototop p a:hover {background-color:transparent;}
div.gototop p a:hover img {visibility:hidden;}

div.gototop2 {padding:15px 0 15px 716px; clear:both;}
div.gototop2 p {width:104px; height:10px; overflow:hidden; background:url(/common/images/btn_gototop2_ov.gif) no-repeat 0 0;line-height:10px;}
div.gototop2 p a {display:block;}
div.gototop2 p a:hover {background-color:transparent;}
div.gototop2 p a:hover img {visibility:hidden;}
div.gototop2 p a img{ vertical-align:top;}


/*==================================
  common footer
==================================*/
div#footer {width:900px; margin:0 auto; padding:15px 0; color:#8b8b8b;}
div#footer ul#text-linx {list-style:none; padding-bottom:10px;}
div#footer ul#text-linx li {font-size:10px; float:left; margin-right:7px; padding-right:7px; border-right:1px solid #8b8b8b;}
div#footer ul#text-linx li.none {border:none; margin:0; padding:0;}
div#footer ul#text-linx li a {color:#bebebe;}
div#footer h3 {font-size:10px; padding-bottom:5px;}
div#footer ul#footer-list {list-style:none; padding-bottom:15px;}
div#footer ul#footer-list li {width:443px; float:left; background:#1f1f1f; border:1px solid #424242;}
div#footer ul#footer-list li.none {float:right;}
div#footer ul#footer-list li h4 {padding:5px 20px;}
div#footer ul#footer-list li ul {list-style:none; padding:0 0 10px 20px;}
div#footer ul#footer-list li ul li {width:130px; float:left; border:none;}
div#footer ul#footer-list li ul li dt {width:60px; float:left;}
div#footer ul#footer-list li ul li dt#image-f01sum {background:url(../images/image_f01sum.gif);}
div#footer ul#footer-list li ul li dt#image-f01 {background:url(../images/image_f01.gif);}
div#footer ul#footer-list li ul li dt#image-f02 {background:url(../images/image_f02.gif);}
div#footer ul#footer-list li ul li dt#image-f03 {background:url(../images/image_f03.gif);}
div#footer ul#footer-list li ul li dt#image-f04 {background:url(../images/image_f04.gif);}
div#footer ul#footer-list li ul li dt#image-f05 {background:url(../images/image_f05.gif);}
div#footer ul#footer-list li ul li dt#image-f06 {background:url(../images/image_f06.gif);}
div#footer ul#footer-list li ul li dt#image_f04_2011 {background:url(../images/image_f04_2011.gif);}
div#footer ul#footer-list li ul li dt#image_f01_v17 {background:url(../images/image_f01_v17.gif);}

div#footer ul#footer-list li ul li dt a {display:block;}
div#footer ul#footer-list li ul li dt a:hover {background-color:transparent;}
div#footer ul#footer-list li ul li dt a:hover img {visibility:hidden;}
div#footer ul#footer-list li ul li dd {padding:5px 0 0 65px; font-size:10px;}
div#footer ul#footer-list li ul li dd p {line-height:1.4;}
div#footer ul#footer-list li ul li dd p.icon-new {background:url(../images/icon_new.gif) bottom left no-repeat; padding-bottom:15px;}
div#footer ul#footer-list li ul li dd a {color:#bebebe;}
div#footer div#footer-bnr dl {width:450px; float:left; padding-bottom:10px;}
div#footer div#footer-bnr dl dd {font-size:10px; line-height:1.4; padding-top:5px;}
div#footer div#footer-bnr ul {list-style:none; width:350px; float:right; padding-bottom:10px;}
div#footer div#footer-bnr ul li {width:170px; float:left;}
div#footer div#footer-bnr ul li.none {float:right;}