@charset "UTF-8";


/*▼フォントカラー▼*/
body { color:#333333; }
a { outline-style:none; text-decoration:none; }
a:link { color:#333333; }
a:visited { color:#333333; }
a:hover { color:#dd5500; text-decoration:underline; }


/* structure
====================================================================================================================================== */
html { overflow-y:scroll; height:100%; }
body { text-align:center; height:100%; background:#eeeeee; }
#all { font-size:1.4em; line-height:1.7; text-align:center; }
#container { margin:0 auto; text-align:left; zoom:1; }
* html #container { width:1035px; }

/* #wrapper { padding:0 30px; zoom:1; } */
#wrapper { background:#fff url(../images/bg_01.gif) repeat-y right top; zoom:1; margin:0 30px; width:auto; zoom:1; }
#wrapper:after { content: "."; display: block;  clear: both; height: 0; visibility: hidden; }

#main { width:100%; float:left; margin:0 -195px 0 0; padding:0; zoom:1; }

#contents { color:#777777; padding:15px 0 40px; margin:0 200px 0 5px;  zoom:1; }
#contents_in { margin:0 auto; }
#main:after { content: "."; display: block;  clear: both; height: 0; visibility: hidden; }

#sidebar { width:195px; float:right; margin:0; padding:0; zoom:1; }

#wrapper_f { clear:both; padding:0 30px 20px; zoom:1; }
#footer { clear:both; padding:15px 0 0; zoom:1; }

#header, #sidebar, #footer img { vertical-align:bottom; }



/* all
====================================================================================================================================== */
#all { }


/* container
====================================================================================================================================== */
#container { }


/* wrapper
====================================================================================================================================== */
#wrapper { }


/* main
====================================================================================================================================== */
#main { }


/* contents
====================================================================================================================================== */
#contents { }

#contents .box01 { float:left; font-size:0.8em; zoom:1; }
#contents .box_l { width:380px; }
#contents .box_m { width:190px; }
#contents .box { display:block; padding:5px; margin:0; zoom:1; }
#contents .box:hover { background:#fae1b4; cursor:pointer; }
#contents .box01 img { width:auto; display:block; height:auto; margin:0; padding:0; zoom:1; }
#contents .box_l img { width:370px; }
#contents .box_m img { width:180px; }

#contents .box .date { display:block; line-height:1.3; margin:4px 7px 0; text-align:right; }
#contents .box .title { display:block; line-height:1.3; font-weight:bold; margin:4px 7px 0; }
#contents .box .comment { display:block; line-height:1.3; margin:5px 7px 5px; }

/* newアイコン */
#contents .box_01 .new { position:relative; height:1px; overflow:visible; zoom:1; }
#contents .box_l .new { width:370px; }
#contents .box_m .new { width:180px; }
#contents .box01 .new img { position:absolute; top:5px; right:5px; width:55px; height:55px; padding:0; margin:0; zoom:1; z-index:1; }




/* sidebar
====================================================================================================================================== */
#sidebar { }

#site_title { margin:20px 15px 20px 0; zoom:1; }

/* グローバルナビ */
#globalnavi { background:#ffffff url(../images/tab_bg_w01.gif) repeat-y right top; overflow:hidden; margin:0 0 2px 0; padding:0; line-height:1; zoom:1; }
#globalnavi_in { background:url(../images/tab_bg_w02.png) no-repeat left bottom; padding:0 0 10px; margin:0; overflow:hidden; zoom:1; }

#globalnavi_in ul { display:block; }
#globalnavi_in li { list-style-type:none; height:20px; margin:0 0 8px; padding:0; overflow:hidden; zoom:1; }


/* タブ */
#sidebar #tab_box01 { padding:0 0 16px 0; margin:0; line-height:1; zoom:1; }
#sidebar #tab_box01 ul { }
#sidebar #tab_box01 li { height:63px; margin:0 0 2px 0; padding:0; overflow:hidden; line-height:1; }

#sidebar #navi_side01 { padding:0 10px 0; margin:0 0 10px; zoom:1; }
#sidebar #navi_side01 ul.btn { line-height:1; }
#sidebar #navi_side01 ul.btn li { height:30px; margin:0 0 10px; padding:0; overflow:hidden; zoom:1; }

#sidebar #navi_side01 ul.text { }
#sidebar #navi_side01 ul.text li { background:url(../images/icon01.gif) no-repeat left center; padding:0 0 0 20px; margin:0 0 5px; }

/*▼ソーシャルボタン▼*/
#social_btn { line-height:1.2; width:195px; height:auto; overflow:hidden; zoom:1; }
#social_btn ul { padding:0; width:195px; height:auto; zoom:1; }
#social_btn ul li { list-style-type:none; float:left; display:inline; width:70px; margin:0 0 0 10px; padding:0; zoom:1; }



/* footer
====================================================================================================================================== */
#footer { }

#footer .address { display:block; padding:0 0 15px; margin:0; overflow:hidden; zoom:1; }
#footer .address .title { float:left; padding:0 20px 0 0; font-weight:bold; font-size:1.2em; }
#footer .address address { float:left; display:block; width:auto; height:auto 
 }
#footer .address a { color:#dd5500; }

#footer .copy { clear:both; font-size:0.8em; text-align:center; zoom:1; }