@charset "Shift_JIS";
/**************************************************************************************************
INITIAL SETTINGS
**************************************************************************************************/


/* Commonness CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size: 100%; vertical-align:top; background:transparent;}

html {height:100%;}
body {height:100%;}

body {line-height:1; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MS UI Gothic",sans-serif;}
ul {list-style:none;}
blockquote, q {quotes:none;}

/* remember to define focus styles! */
:focus {outline:0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0;}

/*\*/
* html #container{overflow:visible;}
/**/


/* ===========================================
	clear,  clearFix,  hide, hr
   =========================================== */
.clearB{clear:both;}
.clearL{clear:left;}
.clearR{clear:right;}

.clearFix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.clearFix {display:inline-table;}

/* Hides from IE-mac \*/
* html .clearFix {height:1%;}
.clearFix {display:block;}
/* End hide from IE-mac */

.hide{display:none;}





/* ===========================================
	container
   =========================================== */
body {font-size:12px; color:#333333; text-align:left; background-color:#ffffff;}
.container {width:1048px; margin:0 auto 0 auto;}


/* ===========================================
	main_container
   =========================================== */
.main_content  {width:728px; height:auto; margin:0px; padding:0px; float:left; display:inline;}
.header {margin:5px 0 0 0; padding:0px;}
.header h1 {font-size:11px; font-weight:normal; color:#666;}
.header img {margin:2px 0 0 0; padding:0px;}

/** blog_content **/
.blog_content {margin:40px 0 0 0; padding:0px;}
.blog_content .title {width:auto; padding:11px 0 8px 7px; background:url(../img/title_bg.gif);}
.blog_news_box {margin:30px 0 0 0; padding:0px;}
.blog_news_inner {margin:16px 0 0 0; padding:0px;}
.blog_news_container {margin:7px 0 0 0; padding:0 0 7px 0; background:url(../img/line.gif) bottom repeat-x;}
.blog_news_container .blog_news_date {width:90px; height:auto; margin:0px; padding:2px 0 0 6px; float:left; display:inline;}
.blog_news_container .blog_news_entry {width:615px; min-height:13px; margin:0px; padding:2px 0 0 16px; float:left; display:inline; background:url(../img/entry_list.gif) left no-repeat;}

/** other_content **/
.other_content {margin:40px 0 0 0; padding:0px;}
.other_content .title {width:auto; padding:11px 0 8px 7px; background:url(../img/title_bg.gif);}
.other_content ul {margin:30px 0 0 0; padding:0px;}
.other_content ul li {margin:0px; padding:0 0 0 6px; line-height:1.6;}

/** ad **/
.ad_type01 {margin:8px 0 0 0;}


/* ===========================================
	side_content
   =========================================== */
.side_navi  {width:300px; height:auto; margin:18px 0 0 0; padding:0px; float:right; display:inline;}
.side_ad_type01 {}
.side_ad_type02 {margin:10px 0 0 0; padding:0px;}
.side_ad_type02 ul {}
.side_ad_type02 li {margin:0px; padding:0px; line-height:1.6;}

.side_news_box {margin:10px 0 0 0; padding:0px; background:#f5f4f3;}
.side_news_box ul {margin:0px; padding:0 10px 12px;}
.side_news_box ul li {background:url(../img/line.gif) bottom repeat-x; margin:7px 0 0 0; padding:0 0 7px 0;}
.side_news_box ul li .date {font-size:10px;}
.side_news_box ul li .entry {margin:2px 0 0 0; padding:1px 0 0 6px; background:url(../img/list.gif) left no-repeat;}


/* ===========================================
	footer
   =========================================== */
.pagetop_bg {width:100%; height:auto; margin:90px 0 0 0; padding:0px;}
.pagetop {width:1000px; margin:0 auto 0 auto; text-align:right;}

.footer {width:100%; height:auto; margin:65px auto 0 auto; padding:0px; background:#ccc;}
.footer p.footer_copy {width:1038px; height:auto; margin:0 auto; padding:10px; font-size:10px; color:#fff; background:#666;}




/** link **/
a:link {font-size:12px; color:#666666; text-decoration:underline;}
a:visited {font-size:12px; color:#666666; text-decoration:underline;}
a:hover {font-size:12px; color:#999999;}
a:active {font-size:12px; color:#999999;}