/* style.css */

body {
 font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", Osaka,sans-serif;
 margin: 0px;
 padding: 0px;
 color: #333;
 line-height:1.6;
 word-wrap:break-word;
/* background: #FFF url("img/header_bg.png") repeat-x; */
 background: #FFF url("img/body_bg.png") repeat;
}

table {
 font-size : small;
}

table td {
 vertical-align : top;
}

table#main {
 margin : 0px;
 padding:0px;
 border-collapse : separate;
 border-style:solid;
 border-width:3px;
 border-color:#DDD;
 background-color: #FFF;
 width : 890px;
}

td.colLeft , td.colRight {
 margin : 0px 0px 0px 0px;
 padding : 0px 0px 0px 0px;
 width : 170px;
 background-color : transparent;
}

td.colRight {
 background-color : #transparent;
}

div.colLeft_Title , div.colRight_Title {
 margin : 0px;
 padding : 5px;
 font-weight : bold;
 background-color : transparent;
 border-style : dotted;
 border-width : 2px;
 border-color : #EEE;
}

div.colRight_Content , div.colLeft_Content {
 margin : 0px 0px 2px 0px;
 padding : 5px;
 background-color : transparent;
 border-style : none dotted dotted dotted;
 border-width : 2px;
 border-color : #EEE;
}

div.center {
 width : 99%;
 margin : 0px 0px 0px 5px;
}

td.colCenter {
 margin : 0px;
 padding : 0px;
 border-style : none;
 background-color : transparent;
}

div.colCenter_blkCenter_Title , div.colCenter_blkLeft_Title , div.colCenter_blkRight_Title {
 margin : 0px 2px 0px 2px;
 padding : 5px;
 font-weight : bold;
 background-color : transparent;
 border-style : solid;
 border-width : 1px;
 border-color : #EEE;
}

div.colCenter_blkCenter_Content , div.colCenter_blkLeft_Content , div.colCenter_blkRight_Content {
 margin : 0px 2px;
 padding : 5px;
 color : #333;
 background-color : transparent;
 border-style : none solid solid solid;
 border-width : 1px;
 border-color : #EEE;
}

td#mainmenu a , td#usermenu a {
 display : block;
 margin : 1px 0px 0px 0px;
 background-color : transparent;
}

td#mainmenu a:link , td#usermenu a:link {
 color : #666;
}

td#mainmenu a:visited , td#usermenu a:visited {
 color : #666;
}

td#mainmenu a:hover , td#usermenu a:hover {
 color : #F00;
 text-decoration : underline;
}

td#mainmenu a:active , td#usermenu a:active {
 color : #F90;
}

td#mainmenu a.menuTop , td#mainmenu a.menuMain , td#usermenu a {
 padding: 0px 0px 0px 15px;
 background:url("img/icon_menu.png") no-repeat;
}

td#mainmenu a.menuSub {
}

td#usermenu a.highlight {
 background-color : #CCC;
}

a img {
 border-style : none;
}

h1 , h2 , h3 , h4 , h5 , h6 {
 color:#069;
 margin :  0px 0px 0.5em 0px;
 padding : 0px 0px 2px 0px;
}

div#content {
 margin :0px;
 padding :0px;
}

.item {
 border-style : solid;
 border-color : #666;
 border-width : 1px;
}

.itemHead , th {
 color : #FFF;
 background-color : #666;
 text-align : left;
 margin : 0px;
 padding : 5px;
}

.itemHead a:link , .itemHead a:visited , .outer th a:link , .outer th a:visited {
 color : #FFF;
}
.itemHead a:hover , .outer th a:hover {
 color : #DD0;
}
.itemHead a:active {
 color : #FF0;
}

.itemInfo {
 color : #336;
 font-size : x-small;
 background-color : #FFF;
 text-align : right;
 padding : 2px 5px;
}

.itemPoster {
}

.itemPostDate {
}

.itemStats {
}

.itemBody {
 padding : 2px 5px;
 background-color : #FFF;
}

.itemText {
 margin : 0px;
 line-height : 1.2;
}

.itemFoot {
 color : #336;
 font-size : x-small;
 background-color : #DDD;
 text-align : right;
 padding : 2px 5px 2px 5px;
}

.itemAdminLink {
}

.itemPermaLink {
}

tr.even td {
 background-color : #FFF;
 margin : 0px;
 padding : 5px;
 border-style : solid;
 border-width : 1px;
 border-color : #CCC;
}

.outer tr.even td {
 background-color : #FFF;
 margin : 0px;
 padding : 5px;
 border-style : solid;
 border-width : 1px;
 border-color : #CCC;
}

tr.odd td {
 background-color : #DDD;
 padding: 5px;
}

.even {
 background-color : #EEE;
 padding : 5px;
}

.odd {
 background-color : #EEE;
 padding : 5px;
}

.outer {
 width : 100%;
 border-style : solid;
 border-width : 1px;
 border-color : #AAA
}

.head {
 background-color : #EEE;
 padding : 5px;
 font-weight : bold;
}

.foot {
 background-color : #EEE;
 padding : 5px;
}

.comTitle {
 font-weight : bold;
 background-color : #FFF;
 margin : 0px 0px 5px 0px;
 padding : 5px;
 border-style : solid;
 border-width : 0px 0px 1px 0px;
 border-color : #EEE;
}

.comText {
}

div.xoopsCode {
 font-family : "monospace";
 background-color : #FFF;
 margin : 5px 0px;
 padding : 0px 0px 0px 5px;
 border-style : solid;
 border-width : 1px;
 border-color : #333;
}

div.xoopsQuote {
 background-color : #FFF;
 margin : 5px 0px;
 padding : 0px 0px 0px 5px;
 border-style : solid;
 border-width : 1px;
 border-color : #333;
}
blockquote {
 margin : 5px;
}

.comUserStat {
 font-size : xx-small;
 font-weight : bold;
 color : #099;
 margin : 1px 0px 0px 0px;
 padding : 1px;
 border-style : solid;
 border-width : 1px;
 border-color : #AAA;
}

.comUserStatCaption {
 font-weight : normal;
}

.comUserRank {
 margin : 0px 0px 15px 0px;
}

.comUserRankText {
 font-size : xx-small;
}

.comUserImg {
 margin : 2px;
}

.comDate {
 font-size : x-small;
 text-align : right;
}

.comDateCaption {
 font-weight : bold;
}

ul {
 margin : 2px;
 padding : 2px;
 list-style : decimal inside;
}
li {
 margin : 0px 0px 0px 2px;
}

div.errorMsg {
 background-color : #FCC;
 text-align : center;
 border-style : solid;
 border-width : 1px;
 border-color : #DDF #AAA #AAA #DDF;
 font-weight : bold;
 padding : 10px;
}

div.confirmMsg {
 font-weight : bold;
 color : #C33;
 background-color : #DDD;
 text-align : center;
 margin : 0px;
 padding : 10px;
 border-style : solid;
 border-width : 2px;
 border-color : #AAA;
}

div.resultMsg {
 font-weight : bold;
 color : #333;
 background-color : #CCC;
 text-align : center;
 padding : 10px;
 border-style : solid;
 border-width : 2px;
 border-color : #666;
}

#footer {
 font-size : 12px;
 color : #333;
 background-color : #FFF;
 margin : 0px;
 padding : 5px;
}

#footer a {
 color : #00F;
}
#footer a:hover {
 color : #933;
}

div.colCenter_blkCenter_Content table , div.colCenter_blkLeft_Content table , div.colCenter_blkRight_Content table , div.colRight_Content table {
 width : 99%;
}
div.colLeft_Content table {
}

div.pico_container {
}

div.container {
 width:685px;
}

div.leftside {
 float:left;
 width:49%;
 margin:10px 0px;
}

div.rightside {
 float:right;
 width:49%;
 margin:10px 0px;
}

h1.pico {
 font-size:large;
 color:#069;
 border-style:solid;
 border-width:0px 0px 1px 0px;
 border-color:#069;
 margin:5px 0px;
}

h2.pico {
 font-size:x-large;
 color:#069;
 line-height:1.0;
 margin:0px;
}

h3.box , h3.box2 {
 display:inline;
 font-size:medium;
 font-weight:normal;
 padding:2px 10px;
 color:#FFF;
 background-color:#036;
 border-style:solid;
 border-width:1px;
 border-color:#069;
}
h3.box2 {
 background-color:#990;
 border-color:#990;
}

h3.peru {
 color:#990;
}

div.catch {
 font-size:large;
 font-weight:bold;
 color:#333;
}

div.strong {
 font-size:large;
 font-weight:bold;
 color:#063;
}

font.price {
 color:#F60;
 font-weight:bold;
}

a {
 color:#333;
 text-decoration:none;
}
a:link {
 color:#333;
}
a:visited {
 color:#333;
}
a:hover {
 color:#C60;
 text-decoration:underline;
}
a:hover.menu {
 color:#C60;
 text-decoration:none;
}
a:active {
 color: #FF6;
}

div.box {
 border-style:solid;
 border-width:1px;
 border-color:#DDD;
 padding:10px;
}

div.contact {
 font-size:16px;
 margin-top:-8px;
 height:32px;
}
div.contact a {
 border:#fff solid 1px;
 background: #FFF url("img/btn_contact.png") no-repeat 0px -3px;
}
div.contact a:hover {
 background: #FFF url("img/btn_contact.png") no-repeat 0px -31px;
 text-decoration:none;
}

div.login a:link , div.login a:visited {
 color : #999;
 font-size:9px;
}
div.big {
 font-size:18px;
 font-weight:bold;
}

img.banner {
	margin-top:4px;
	border:#999 solid 2px;
}

img:hover.banner {
	border-color:#fc9;
	text-decoration:none;
}

.button,div.non_button {
	border-radius: 10px;
	margin:2px;
	font-size:24px;
	font-weight:bold;
	padding-top:12px;
	display: inline-block;
	width: 48%;
//	max-width: 340px;
	max-width: 400px;
	height: 80px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	color: #c30;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button {
	background: #f9f9f9 url("img/wood_pattern.png") repeat;
	border: 2px solid #ccc;
	line-height: 50px;
}
.button:link,.button:visited {
	color:#933;
	text-shadow: 1px 1px white, -1px -1px #444;
}
.button:hover {
	background-color: #ffffcc;
	border-color: #c30;
	color: #f30;
	text-decoration: none;
}

section.slider {
	line-height:normal;
	margin-top:10px;
	height:240px;
	max-width:785px;
}

@media screen and (max-width:980px) {

	section.slider {
		height:270px;
	}

//	table#footer {
//		font-size:0.7em;
//	}

}

@media screen and (max-device-width:600px) {

	table#footer {
		font-size:0.7em;
	}

}