@charset "euc-jp";

@import url("css/ex.css");

/* --全般------------ */
body {
	color: #333;
	font-family: Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:90%;
	line-height:140%;
	background-image: url(images/body.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
			
/* --リンクカラー------------*/
a {
color: #3048BD;
text-decoration: none;
}
a:visited {
color: #666;
text-decoration: none;
} 
a:hover, a:active {
color: #000066;
text-decoration: none;
}


/* --見出し　リスト表示------------ */
h1 {
	font-size: 110%;
	font-weight:bold;	
    color:#333;
	display: block;
	line-height:100%;
	padding-left:35px;
	padding-top:14px;
	margin-bottom:20px;
	height:30px;
	text-decoration: none;
	background-position:left top;
	background-image: url(images/title_bg1.gif);
	background-repeat: no-repeat;
}
h2 {
    color:#333;
	display: block;
	line-height:normal;
	font-size: 100%;
	font-weight: bold;
	padding-left:30px;
	padding-top:5px;
	margin-bottom:10px;
	height:23px;
	text-decoration: none;
	background-position:left top;
	background-image: url(images/title2_bg.jpg);
	background-repeat: no-repeat;
	}
h3 {
	font-size: 100%;
	font-weight:bold;	
    color:#333333;
	display: block;
	line-height:100%;
	padding-left:35px;
	padding-top:14px;
	margin-bottom:20px;
	height:30px;
	text-decoration: none;
	background-position:left top;
	background-image: url(images/title_bg1.gif);
	background-repeat: no-repeat;
	}
h4 {
	font-size: 100%;
	font-weight:bold;	
    color:#333333;
	display: block;
	line-height:100%;
	padding-left:35px;
	padding-top:14px;
	margin-bottom:20px;
	height:30px;
	text-decoration: none;
	background-position:left top;
	background-image: url(images/title4_bg.gif);
	background-repeat: no-repeat;
	}
h5 {
	font-size: 110%;
	font-weight:bold;	
    color:#333;
	display: block;
	line-height:100%;
	padding-left:15px;
	padding-top:14px;
	margin-bottom:20px;
	height:30px;
	text-decoration: none;
	background-position:left top;
	background-image: url(images/title1-2_bg.jpg);
	background-repeat: no-repeat;
}
ul, ol {
	text-decoration: none;
	list-style:none;
	list-style:url(images/limark_1.gif);
	margin-left:10px;
	vertical-align:middle;
}
/* --全般------------ */
.clear {
	clear:both;
}

/* --レイアウト------------ */
.container {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/* --ヘッダー------------ */
#header {
	height: 252px;
	width: 900px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: left top;
}
.img_logo {
	padding: 0px;
	float: right;
	margin-top: 20px;
	margin-right: 20px;
}
.img0 {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* --コンテンツエリア------------ */
.page {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(images/page.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
/* --上部メインメニュー------------ */
#mnaviblock {
	padding: 0px;
	width: 900px;
	height: 30px;
	background-image: url(images/mnaviblock.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	clear: both;
}
#mnavi {
	width: 474px;
	height: 30px;
	float: left;
	background-image: url(images/mnavi.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#mnavi ul {
	list-style: none;
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 24px;
}
#mnavi li {
	float: left;
	width:150px;
	font-size: 12px;
	text-align: center;
	line-height: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: normal;
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	height: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#mnavi li a {
	display: block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 12px;
	height: 15px;
	font-size: 12px;
	list-style-type: none;
	overflow: hidden;
	list-style-image: none;
	width: 150px;
	letter-spacing: 1px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #FFF;
}
#mnavi li a:hover {
	line-height: 12px;
	font-size: 12px;
	list-style-type: none;
	list-style-image: none;
	width: 150px;
	font-weight: bold;
	color: #FFFFFF;
}
.mn1 a {
	background-image: url(images/mn1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	width: 150px;
	margin: 0px;
	color: #333333;
}
.mn1 a:hover {
	background-position: left bottom;
	width: 150px;
	color: #FFFFFF;
}
.mn1top a {
	background-image: url(images/mn1.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 150px;
}
.mn1top a:hover {
	background-image: url(images/mn1.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #FFFFFF;
	width: 150px;
}
/* --上部メインメニュー langauge------------ */
#lanarea {
	width: 404px;
	height: 30px;
	float: left;
	background-image: url(images/langarea.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	padding: 0px;
	margin-top: 0px;
	margin-right:0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#lanarea ul {
	list-style: none;
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 38px;
}
#lanarea li {
	float: left;
	width:122px;
	font-size: 12px;
	text-align: center;
	line-height: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: normal;
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	height: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#lanarea li a {
	display: block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 12px;
	height: 15px;
	font-size: 12px;
	list-style-type: none;
	overflow: hidden;
	list-style-image: none;
	width: 122px;
	letter-spacing: 1px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-indent: -9999px;
}
#lanarea li a:hover {
	line-height: 12px;
	font-size: 12px;
	list-style-type: none;
	list-style-image: none;
	width: 122px;
	font-weight: bold;
}
.langja a {
	background-image: url(images/ja.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.langja a:hover {
	background-position: left bottom;
}
#lanulja .langja a {
	background-image: url(images/ja.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.langen a {
	background-image: url(images/en.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.langen a:hover {
	background-position: left bottom;
}
#lanulen .langen a {
	background-image: url(images/en.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.langch a {
	background-image: url(images/ch.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.langch a:hover {
	background-position: left bottom;
}
#lanulzh-tw .langch a {
	background-image: url(images/ch.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#lanulja,#lanulen,#lanulzh-tw {
	margin: 0px;
	padding: 0px;
}
#content_area {
	clear:both;
	padding-top:0px;
	margin-left:auto;
	padding-bottom:0px;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
}
#side_area {
	float:left;
	width:200px;
	line-height:130%;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
}
#main_area {
	float:right;
	width:700px;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
}
/* --フッダ----------- */
#footer {
	background-image: url(images/footer.gif);
	color:#FFFFFF;
	background-repeat:repeat-x;
	background-position: left 18px;
	height: 140px;
	margin-top:;
	padding-top:;
}
#bnavi {
	width: 900px;
	height: 16px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;

	font-size: 12px;
}
#bnavi a {
	font-size: 12px;
	color: #3048BD;
}
#bnavi a:hover {
	font-size: 12px;
	color: #666633;
}
.bn1 {
	text-align: center;
	margin-right: 6px;
	margin-left: 11px;
	font-size: 12px;
}
.bn1on {
	font-size: 12px;
	color: #666633;
}
.footp {
	font-size: 80%;
	line-height: normal;
	letter-spacing: 2px;
	text-align: center;
	margin: 0px;
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/* --左カラム------------ */
.leftcolumn {
	margin-top:10px;
	padding-left:23px;
	background-image: url(images/p_info.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 25px; 
}
.block {
	padding:0px;
	margin-bottom: 15px;
}
.rightcolumn .blockTitle {
	font-size: 100%;
	padding-top:10px;
	text-align:left;
	color:#000;
	font-weight:bold;	
}
.leftcolumn .blockTitle {
	font-size: 75%;
	padding-top:7px;
	text-align:center;
	color:#333333;
	font-weight:bold;
	padding-bottom: 7px;
	width: 150px;
}
.leftcolumn .blockContent, .rightcolumn .blockContent {
	text-align:left;
}
/* --メインメニュー------------ */
#mainmenup {
	width: 150px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #FFFFFF;
}
#mainmenup ul {
	list-style: none;
	font-size: 85%;
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#mainmenup li {
	width:150px;
	font-size: 12px;
	text-align: center;
	line-height: 100%;
	font-weight: normal;
	list-style-type: none;
	list-style-image: none;
	height: 30px;
	padding-bottom: 1px;
	color: #FFFFFF;
}
#mainmenup li a {
	display: block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 12px;
	height: 15px;
	font-size: 12px;
	list-style-type: none;
	overflow: hidden;
	list-style-image: none;
	width: 150px;
	letter-spacing: 1px;
	padding-top: 9px;
	padding-bottom: 5px;
	color: #FFFFFF;
}
#mainmenup li a:hover {
	line-height: 12px;
	font-size: 12px;
	list-style-type: none;
	list-style-image: none;
	width: 150px;
	font-weight: bold;
	color: #FFFFFF;
}
.menuli1 a {
	background-image: url(images/mainmenu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 150px;
	color: #FFFFFF;
}
.menuli1 a:hover {
	background-position: left bottom;
	width: 150px;
	color: #FFFFFF;
}
.menuli1top a {
	background-image: url(images/mainmenu.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 150px;
	color: #FFFFFF;
}
.menuli1top a:hover {
	background-image: url(images/mainmenu.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #FFFFFF;
	width: 150px;
}
.menuli2 a {
	background-image: url(images/mainmenu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 150px;
	color: #FFFFFF;
}
.menuli2 a:hover {
	background-position: left bottom;
	width: 150px;
	color: #FFFFFF;
}
.menuli2top a {
	background-image: url(images/mainmenu.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #FFFFFF;
	height: 30px;
	width: 150px;
}
.menuli2top a:hover {
	background-image: url(images/mainmenu.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #FFFFFF;
	width: 150px;
}
#usermenu a {
	color: #333;
	display: block;
	margin-bottom:4px;
	text-decoration: none;
	background-image:url(images/indent.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 15px;
	margin-left:10px;
}
#usermenu a:visited {}
#usermenu a:hover {
	color: #000066;
}
#usermenu a.menuTop {}

/* --本文------------ */
.centercolumn {
	text-align:left;
	line-height: 160%;
	padding-bottom: 30px;
	padding-right: 23px;
	padding-left: 15px;
	margin-top:30px;
	margin-left:0px;
}
/*block detail*/
.centerCcolumn {
	margin:0px;
}
.centerCcolumn .blockTitle {
	font-size: 100%;
	font-weight:bold;	
    color:#333;
	display: block;
	line-height:100%;
	padding-left:35px;
	padding-top:14px;
	margin-bottom:0px;
	height:30px;
	text-decoration: none;
	background-position:left top;
	background-image: url(images/title_bg.gif);
	background-repeat: no-repeat;
}
.centerCcolumn .blockTitle2 {
	font-size: 110%;
	font-weight:bold;	
    color:#523313;
	display: block;
	line-height:normal;
	padding-left:165px;
	padding-top:5px;
	margin-bottom:20px;
	height:26px;
	text-decoration: none;
	background-position:left top;
	background-image: url(images/title6_bg.jpg);
	background-repeat: no-repeat;
}
.centerCcolumn .blockContent {
	line-height: 140%;	
}
.centerCcolumn ul{
	line-height: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 27px;
}
.centerCcolumn li {
	list-style-position: outside;
	list-style-image: url(images/limark_1.gif);
	list-style-type: none;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.centerCcolumn li a{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	color: #333333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.centerCcolumn li a:hover {
	color: #3048BD;
}
#content {
	overflow:hidden;
}
#page_top {
	text-align:right;
	padding-top:40px;
	padding-right:10px;
}
#xoops_banner {
	text-align:center;
}

/* --テーブル------------ */
.outer {
	border: ;
	font-size:90%;
}
table {
	width: 100%;
	margin: 0;
	padding: 0;
	}
table td {
	padding: 0;
	margin: 0;
	vertical-align: top;
	line-height: 160%;
	}
table td.banner {
	padding-top: 10px;
	margin: 0;
	vertical-align: top;
	line-height: 160%;
	}
table td.gallery {
	padding-top:9px;
	margin: 0;
	vertical-align: top;
	line-height: 160%;
	}
th {
	padding: 3px;
	vertical-align: middle;
	font-weight: normal;
	border-bottom: 1px solid #B9D9AC;
}
.head {
	padding: 5px;
	color: inherit;
	border-bottom: 1px solid #B9D9AC;
	background: #F4FFD2;
}
.even {
	padding-top: 5px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 5px;
	color: inherit;
	border-bottom: 1px solid #B9D9AC;
}
.odd {
	padding: 2px;
	color: inherit;
	border-bottom: 1px solid #B9D9AC;
	background: #F4FFD2;
}
.foot {
	padding: 5px;
	color: inherit;
	background: #F4FFD2;
}
tr.even td {
	padding: 2px;
	border-bottom: 1px solid #B9D9AC;
}
tr.odd td {
	padding: 2px;
	border-bottom: 1px solid #B9D9AC;
}
tr.even {
	color: inherit;
	border-bottom: 1px solid #B9D9AC;
	background: #FFF;
}
tr.odd {
	color: inherit;
	background: #F4FFD2;
}
tr.odd:hover, tr.even:hover {
	color: #3048BD;
	border-bottom: 1px solid #B9D9AC;
	background: ;
}
img.left{
    float:left;
	margin-right:10px;
	}
table.top{
    margin-top:15px;
	}

/* ---ニュース----------- */
.news_new {
	font-size:80%;
	margin-left:-2px;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(../../images/top/arr_red.gif);
	margin-bottom:10px;
	line-height:1;
}

.item {}
.itemblog {	
	border: 1px solid #D8D8D8;
	background:#FFF;}
.itemHead {
    color:#333;
	display: block;

	font-size: 110%;
	font-weight: bold;
	padding-left:30px;
	padding-top:10px;
	background-position:left top;
	background-image: url(images/title_news.jpg);
	height:87px;
	background-repeat: no-repeat;
	text-decoration: none;
	margin-bottom:-25px;	
	}
.itemtitle {color:#333;}
.itemInfo {text-align: right; padding: 0px; margin-top:-10px;}
.itemPoster {font-size: 90%;}
.itemPostDate {font-size: 90%;}
.itemStats {font-size: 90%;}
.itemBody {padding-left: 0px;}
.itemBodyblog {padding-left: 15px; padding-right: 15px;}
.itemText {margin-top: 5px; margin-bottom: 5px;}
.itemFoot {text-align: right; margin-bottom: 30px;}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

/* ------------ error message & quote and code ------------ */
div.errorMsg {
	background: #F5E8E8;
	color: #FF0000;
	text-align: center;
	padding: 10px;
	border: 1px solid #CCC;
}
div.confirmMsg {
	background: #EFF4DF;
	color: #003300;
	text-align: center;
	padding: 10px;
	border: 1px solid #CCC;
}
div.resultMsg {
	background-color: #FFF;
	color: #333;
	text-align: center;
	padding: 10px;
	border: 1px solid #CCC;
}
div.xoopsCode {
	background: #EFEFEF;
	color:inherit;
	border: 1px inset #CCC;
	padding: 6px;
	overflow: auto;
	width: 450px;
}
div.xoopsQuote { 
	background: #EFEFEF;
	color:inherit;
	border: 1px inset #CCC;
	padding: 6px;
	overflow: auto;
	width: 450px;
}	 
#shoptable{width:95%;border-color:#75CC1F; border-width:1px; border-style:dotted;
padding-left:15px;
padding-right:5px;
padding-bottom:15px;
}

/* ------------  pico ------------ */
.picolist {
    padding-bottom:5px;
	padding-left: 10px;
}
.picolist a {
    font-size: 12px;
	display: block;
	margin-bottom:2px;
	text-decoration: none;
	background-image:url();
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 0px;
	margin-left:0px;
}
.list a {
    font-size: 100%;
	display: block;
	margin-bottom:3px;
	text-decoration: none;
	background-image:url(images/indent.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 0px;
	margin-left: 0px;	
}