@charset "utf-8";
@import"contents.css";

body {padding:0; margin:0 auto; font-family:Tahoma, Geneva, sans-serif; background-image:url(images/body_bg.png);}

#container {margin:0 auto; background-color:#FFFFFF; padding:10px; width:800px;}

#header {height:200px; background-color:#000000;}
#logo {font-size:30px; height:100px; padding:50px 0 0 30px;}
#logo a {color:#FFFFFF; text-decoration:none;}
#slogan {float:right; font-size:18px; color:#FFFFFF; padding:60px 30px 0 0;}

#menu {height:40px; background-image:url(images/menu_bg.png); margin-top:5px;}
#menu ul {margin:0; padding:0;}
#menu li {list-style:none; float:left; background:url(images/menu_border.png) right no-repeat; line-height:20px;}
#menu a {float:left; height:20px; padding:10px 7px; color:#FFFFFF; font-size:12px; font-weight:bold;
text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
#menu a:hover {background:url(images/menu_border.png);}

#main {float:left; width:100%; margin:5px 0; background:url(images/main_bg.png) right repeat-y; color:#111111; font-size:11px;}
#main a {color:#333333;}
#main a:hover {color:#000000;}
#main br {line-height:8px;}
#sidebar {width:190px; float:right; padding:0 5px 30px 0px; margin-top:10px;}
#sidebar h3 {font-size:16px; font-weight:bold; margin:20px 0 5px 0; background: #808080 url(images/menu_bg.png) left center no-repeat;}
#sidebar ul {margin:0; padding:0; border-top:1px solid #ECECEC;}
#sidebar li {list-style:none; border-bottom:1px solid #ECECEC;}
#sidebar li a {color:#ff8000; text-decoration:none; padding:3px; display:block;}
#sidebar li a:hover {background-color:#ECECEC; color: #ffb468; text-decoration: underline;}
#text {line-height:14px; margin-right:225px; padding:10px 30px 30px 30px;
background-image:url(images/leftback-3.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#text h1 {font-size:22px; font-weight:bold; margin:10px 0 10px 5px; line-height: 24px; padding: 2px 0px 2px 4px; color: #ce6700;}
#text h2 {font-size:19px; font-weight:normal; margin:20px 0 10px 0;}
#text ol, #text ul {padding:0; margin:8px 0;}
#text li {margin-left:40px;}

#footer {height:40px; color:#FFFFFF; font-size:11px; background-image:url(images/footer_bg.png); clear:both;}
#footer a {color:#FFFFFF;}
#footer a:hover {color:#DFDFDF;}
#footer_left {float:left; padding:13px 0 0 30px;}
#footer_right {float:right; padding:13px 30px 0 0;}

p#top_center {text-align:center; border-bottom: 2px solid #ff8000; margin:0 15px 0 15px; color:#ffb468; background-color:#e4d7cd;}
/*-TOPサムネイル-*/
#thumbnails {top: 10px: left: 0px; z-index: 10px; position: absolute; width: 500px; display:block;}
#thumbnails a {text-decoration: none; }
.tbase {width: 100px; height: 100px; overflow: hidden; background-color: black; color: #ffffff; margin: 10px 0 0 15px; float: left; padding: 5px; display: block;}
.tbase1 {width: 100px; height: 100px; overflow: hidden; background-color: black; color: #ffffff; margin: 10px 0 0 0; float: left; padding: 5px; display: block;}

.tbase img {margin: 0px; padding: 0px; z-index: 20;}
.tbase a img {margin: 0px; padding: 0px; border: 1px solid #808080; width: 98px; height: 98px;}
.tbase a:hover img {margin: 0px; padding: 0px; border: 1px solid #ffffff;}
.tbase h2 {font-size: 12px; top 5px; left: 5px; z-index: 30; position: relative;}
.tbase2 {width: 150px; height: 50px; overflow: hidden; background-color: black; color: #ffffff; margin: 10px 0 0 10px; float: left; border: 1px solid #ffffff; text-align: center; background-image: url(image/h1.jpg); background-repeat: no-repeat;}
.tbase2 h1 {font-size: 20px; font-weight: bold; margin:2px; color: #FFFFFF;}
.tbase2 h1 a{text-decoration: none;color: #FFFFFF;}
.tbase2 p {font-size: 15px; font-weight: bold; margin: 5px; color: #ce0000;}

div#topix_area {margin:200px 0px 10px 0px; border: 5px solid #000000; background-color: #ffffff; padding:4px;}
#topix_area h2 {font-size: 14px; margin: 4px;}
#topix_area h4 {font-size: 12px; margin: 2px; psdding: 4px 0 0 0;line-height:20px; border-top: 1px dotted #fdce8e; border-bottom: 1px solid #fdce8e;}
#topix_area p {font-size: 11px; color: #808080; margin:2px 0 10px 0; padding: 2px 0 6px 0; line-height:20px;}
#topix_area a {text-decoration:none; color:#ff8000;}
#topix_area a:hover {text-decoration:underline; color:#ffb468;}



span.ttk {color:#ff8000; }
span.ttk a {color:#ff8000; }
div#topix_area_blog {margin:10px 0px 0px 0px; padding:10px 4px 10px 4px; border: 5px solid #000000; background-color: #ffffff;}
#topix_area_blog h2 {font-size: 14px; margin: 4px; font-weight:bold; border-bottom: 1px solid #fdce8e;}
#topix_area_blog p {line-height:16px; font-size:13px;}
#topix_area_blog h4 {font-size:12px; margin:0; color:#800040; text-decoration:none; }
#topix_area_blog a {color:#ff8000; }
h1.none {display: none;}
h4#h4_date {text-align: right; padding: 0 4px 0 0;}
div.asset-body {margin: 2px;}

div#AD {margin: 10px 0 10px 0; padding: 2px; background-color: #ffffff; border: 1px solid #b2b2b2; text-align: center; font-size: 12px;}
p#adc {margin: 0px 0px 6px 0px; background-color: #b2b2b2;}
a img {margin: 0px; padding: 0px; border: 0px;}
#AD p {margin: 6px 0px 0px 0px;}
div#AD_cmt {font-size: 10px; text-align: left; margin:0; padding: 2px;}
#AD_cmt p {font-size: 9px; text-align: left; color: #575757; background-color:#fcdcc7;}

div#photobox {display: block; padding: 0px; margin: 10px 0px 10px 0px; height: 175px;}
#photobox table {float: left; margin:0; padding: 0;}
#photobox img {float: right; margin: 0px;}

h3#tornament1,
h3#tornament2,
h3#tornament3
 {margin-top: 20px;}