@charset "utf-8";



/* reset
-------------------------------------------------- */

html {
overflow-y: scroll;
}

body,
div,
a,
strong,
p,
blockquote,
ol,ul,li,
dl,dt,dd,
table,tr,th,td,
h1,h2,h3,h4,h5,h6
{
margin:0;
padding:0;
outline:0;
font-size:96%;
font-style:normal;
font-weight:normal;
line-height:1.5em;
text-decoration:none;
color:#000000;
}

li{
list-style-type: none;
}

label{cursor:pointer;}

img{
border:0px;
vertical-align:bottom;
}

a:active,
a:focus{  
outline:none;
}

table {
border-collapse:collapse;
border-spacing:0;
}

caption,
th{
text-align: left;
}



/* redefinition
-------------------------------------------------- */

p,
blockquote,
ol,ul,
table,
h1,h2,h3,h4,h5,h6{
margin:0.5em 0 0.5em;
}

body{
margin:10px 0 0;
background-color:#FFFFFF;
}

h1{
padding:0.3em 0 0; 
font-size:1.5em;
font-weight:bold;
border-top:5px solid #3A65E7;
}

h2{
margin:2em 0 0.5em;
padding:0.3em 0 0;
font-size:1.2em;
font-weight:bold;
border-top:3px solid #3A65E7;
}

h3{
margin:0.8em 0 0.3em;
padding:0.3em 0 0;
font-weight:bold;
border-top:1px solid #3A65E7;
}

a,
a:link,
a:active,
a:hover {
color:#3A65E7;
text-decoration:underline;
}
	a:hover{
	background-color:#EBEFFD;
	}
	a:visited{
	color:#345BCF;
	text-decoration:underline;
	}

strong{
font-weight:bold;
}

table{
width:100%;
margin:1em 0 30px;
border-top:1px solid #CCCCDD;
border-right:1px dotted #CCCCDD;
background-color:#FBFCFF;
}
	th,td{
	padding:0.2em 0.5em;
	border-bottom:1px solid #CCCCDD;
	border-left:1px dotted #CCCCDD;
	}
	th{
	text-align:center;
	background-color:#EBEFFD;
	font-weight:bold;
	}

ol{
padding-left:2em;
}
	ol li{
	list-style-type:decimal;
	}

input[type="text"],
input.inputText{
width:400px;
}

input.inputButton{
}

textarea {
height:80px;
width:400px;
}


/* header
-------------------------------------------------- */

#header {
height:84px;
width:800px;
margin:auto;
overflow:hidden;
}
	#logo{
	float:left;
	width:360px;
	}
		#logo a{
		text-decoration:none;
		}
			#logo a:hover{
			background:none;
			}
		#logo img{
		line-height:30px;
		float:left;
		}
		#logo strong{
		padding-left:0.5em;
		font-size:1.6em;
		line-height:30px;
		}

	#headerMenu{
	float:left;
	margin:0;
	width:440px;
	text-align:right;
	}

		#headerMenu ul{
		margin:0;
		font-size:1em;
		}

		#headerMenu li{
		display:inline;
		font-size:0.9em;
		}
			#headerMenu li a{
			padding:0;
			}
	
	#headerLogin{
	float:right;
	margin:0;
	width:440px;
	text-align:right;
	font-size:0.8em;
	}

		#headerLogin p{
		margin:0 0 1px;
		padding:0;
		clear:both;
		font-size:100%;
		}

		#headerLogin form{
		float:right;
		margin:0;
		padding:2px 5px;
		background-color:#EEEEFF;
		}

		#headerLogin .inputText{
		width:120px;
		margin:0 5px;
		}
		
		#headerLogin .alert{
		color:#FF0000;
		}

		#headerLogin .inputPassword{
		width:80px;
		margin:0 5px;
		}


/* global navigation
-------------------------------------------------- */

#gNav{
height:24px;
background:url(/images/gNav_bg.gif) bottom left repeat-x;
overflow:hidden;
margin-bottom:1px;
}

#gNav ul{
margin:0;
text-align:right;
}
	#gNav ul li{
	display:block;
	float:right;
	}
		#gNav ul li a{
		display:block;
		overflow:hidden;
		width:130px;
		height:20px;
		line-height:24px;
		margin:0 0 0 4px;
		text-align:center;
		text-decoration:none;
		color:#FFFFFF;
		background-color:#3A65E7;
		border:1px solid #3A65E7;
		border-bottom:3px solid #3A65E7;
		}		
			#gNav ul li a:hover{
			background-color:#2E51B9;
			border:1px solid #2E51B9;
			border-bottom:3px solid #2E51B9;
			}

		#gNav ul li.active a{
		color:#3A65E7;
		background-color:#FFFFFF;
		border-bottom:3px solid #FFFFFF;
		}

			#gNav ul li.active a:hover{
			background-color:#FFFFFF;
			border-bottom:3px solid #FFFFFF;
			}



/* search box
-------------------------------------------------- */

#searchBoxLeft{
float:left;
width:280px;
height:20px;
padding:0 10px;
border-right:1px solid #CCCCCC;
}

	#searchBoxLeft input.inputText{
	width:200px;
	}

#searchBoxRight{
float:left;
width:470px;
height:20px;
padding:2px 12px;
border-left:1px solid #FFFFFF;
font-size:0.9em;
}

.searchBox1{
margin:0 0 10px;
padding:10px 0;
background-color:#EEEEFF;
border-bottom:1px solid #CCCCDD;
}

.searchBox2{
margin:10px 0 10px;
padding:10px 0;
background-color:#EEEEFF;
border-top:3px solid #3A65E7;
border-bottom:1px solid #CCCCDD;
}



/* container
-------------------------------------------------- */

#container{
	width:800px;
	margin:0 auto 100px;
}



/* footer
-------------------------------------------------- */

#footer{
padding:5px 0;
background-color:#EEEEFF;
border-top:1px solid #CCCCDD;
}

.originalSNSLogo{
font-size:10px;
text-align:center;
font-family:"Trebuchet MS";
}



/* common class
-------------------------------------------------- */

td.tdNoMargin,
th.tdNoMargin {
padding:0;
}

	td.tdNoMargin table,
	th.tdNoMargin table {
	padding:0;
	margin:0;
	}

div.container800{
width:800px;
margin:0 auto;
}

div.block{
margin:0.5em 0;
}

input.large,
textarea.large,
select.large option{
font-size:1.5em;
}

ul.topicPath li{
padding-right:0.4em;
display:inline;
}
	ul.topicPath li a{
	padding-right:0.4em;
	}

ul.boxSmall li,
ul.boxMedium li,
ul.boxLarge li,
ul.boxXLarge li{
display:block;
float:left;
}
	ul.boxSmall li span,
	ul.boxMedium li span,
	ul.boxLarge li span,
	ul.boxXLarge li span{
	display:block;
	margin:0 5px 0;
	}
	ul.boxSmall li{width:160px;}/*800/5=160*/
	ul.boxMedium li{width:200px;}/*800/4=200*/
	ul.boxLarge li{width:266px;}/*800/3=266*/
	ul.boxXLarge li{width:400px;}/*800/2=400*/
	
	ul.boxSmall ul li,
	ul.boxMedium ul li,
	ul.boxLarge ul li,
	ul.boxXLarge ul li{
	float:none;
	display:list-item;
	list-style-type:disc;
	margin-left:20px;
	width:auto;
	}

ul.colorPick{
}

	ul.colorPick li{
	float:left;
	display:block;
	padding:1px;
	}

	ul.colorPick li a{
	overflow:hidden;
	display:block;
	height:25px;
	width:25px;
	line-height:25px;
	text-align:center;
	text-decoration:none;
	color:#000000;
	border:1px solid #CCCCCC;
	}

	ul.colorPick li a:hover{
	border-color:#000000;
	}

.txtAlert{color:#FF3333;}
.txtSmall{font-size:0.8em;}

.iconSendMail{
	padding-left:16px;
	background:url(/images/icon_sendMail.gif) no-repeat left center;
}

.right{text-align:right;}
	img.right{float:right;margin:0 0 10px 5px;}
	span.right{float:right;}
	ul.right{float:right;}


.left{}
	img.left{float:left;margin:0 5px 10px 0;}
	span.left{float:left;}
	ul.left{float:left;}

.center{text-align:center;}

th.center,
td.center{
vertical-align:center;
}

th.must,
td.must{
}

	th.must span,
	td.must span{
	padding-left:4px;
	color:#FF0000;
	}

ul.pager{
text-align:center;
}
	ul.pager li{
	display:inline;
	}
	ul.pager li a{
	padding:5px 10px;
	border:1px solid #CCCCDD;
	}
	ul.pager li a:hover{
	border:1px solid #999999;
	}
	ul.pager li.active span{
	padding:5px 10px;
	border:1px solid #666666;
	background-color:#FCFCFF;
	}

ul.localNav{
}
	ul.localNav li{
	width:400px;
	}
	ul.localNav li a{
	display:block;
	padding:5px 10px;
	background-color:#3A65E7;
	color:#FFFFFF;
	text-decoration:none;
	border-bottom:1px solid #FFFFFF;
	}
	ul.localNav li a:hover{
	background-color:#77AADD;
	}
	ul.localNav li.active span{
	display:block;
	padding:5px 10px;
		background-color:#FFFFFF;
		text-decoration:none;
		}
	
	ul.horizontalNav{
	}
	ul.horizontalNav li{
	float:left;
	width:150px;
	}
	ul.horizontalNav li a{
	display:block;
	overflow:hidden;
	padding:5px 10px;
	background-color:#3A65E7;
	color:#FFFFFF;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
	}
	ul.horizontalNav li a:hover{
	background-color:#77AADD;
	}
	ul.horizontalNav li.active span{
	display:block;
	padding:5px 10px;
	background-color:#FFFFFF;
	text-decoration:none;
	}

ul.inline li{
display:inline;
}

.boxType1,
.boxType2,
.boxType3,
.boxType4,
.boxType5,
.boxType6,
.boxType7,
.boxType8,
.boxType9,
.boxType10,
.boxType11,
.boxType12{
padding:0.2em 10px;
}
	.boxType1{
	color:#FFFFFF;
	background-color:#3A65E7;
	}
		.boxType1 *{
		color:#FFFFFF;
		}
	.boxType2{
	background-color:#F5F7FE;
	border:1px solid #CCCCDD;
	}
	.boxType3{
	background-color:#EBEFFD;
	border:1px solid #CCCCDD;
	}
	.boxType4{
	background-color:#FFFFFF;
	border:1px solid #CCCCDD;
	}
	.boxType5{
	background-color:#FFFFFF;
	border:1px solid #666666;
	}
	.boxType6{
	background-color:#FDF0EE;
	border:1px solid #F0A79A;
	}
	.boxType7{
	background-color:#CCCCCC;
	border:1px solid #CCCCCC;
	}
	.boxType8{
	background-color:#E6E6E6;
	border:1px solid #CCCCCC;
	}
	.boxType9{
	background-color:#F2F2F2;
	border:1px solid #CCCCCC;
	}
	.boxType10{
	background-color:#FDF0EE;
	border:3px solid #FF0000;
	}
		.boxType10 *{
		color:#FF0000;
		font-weight:bold;
		}
	.boxType11{
	background-color:#FFFFEB;
	border:1px solid #FF6600;
	}
	.boxType12{
	background-color:#EBEFFD;
	border:1px solid #3A65E7;
	}
		a.boxType12{
		display:block;
		}
		a.boxType12:hover{
		background-color:#3A65E7;
		color:#FFFFFF;
		}

a.linkType1{
padding:5px 0.7em 4px;
font-size:0.9em;
text-decoration:none;
line-height:1em;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
}
	a.linkType1:hover{
	border-color:#3A65E7;
	}


table.tableType1{
background-color:#F2F2F2;
}
	table.tableType1 th{
	background-color:#CCCCCC;
	border-left:1px solid #E6E6E6;
	}

table.tableType2{
background:none;
border:none;
}
	table.tableType2 th,
	table.tableType2 td{
	background:none;
	text-align:left;
	border:none;
	border-top:1px dotted #CCCCCC;
	}


tr.trType1 td,
tr.trType1 th{
}

tr.trType2 td,
tr.trType2 th{
background-color:#FFFFFF;
}

.inlineInput {
margin:0 4px 0 12px;
}

ul.tab{
line-height:normal;
text-align: left;
margin: 1em 0 1em 0;
border-bottom: 1px solid #CCCCCC;
list-style-type: none;
padding: 3px 10px 3px 10px;
}
	ul.tab li{
	line-height:normal;
	display: inline;
	}
		ul.tab li a,
		ul.tab li a:visited{
		line-height:normal;
		padding: 3px 0.5em;
		border: 1px solid #CCCCCC;
		background-color: #F2F2F2;
		margin-right: 0px;
		text-decoration: none;
		border-bottom: none;
		}
		ul.tab li a:hover{
		background: #fff;
		}
	ul.tab li.active{
	border-bottom: 1px solid #fff;
	background-color: #fff;
	}
		ul.tab li.active a,
		ul.tab li.active a:visited{
		background-color: #fff;
		color:#000;
		position:relative;
		top:1px;
		padding-top:4px;
		}

ul.flow{
text-align:center;
}

	ul.flow li{
	margin:20px 3px;
	padding:10px 25px 10px 10px;
	font-size:10px;
	text-align:left;
	color:#FFFFFF;
	background:#2847A1 url(/images/flow2.gif) no-repeat right center;
	}

	ul.flow li strong{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	}
	
	ul.flow li.active{
	background:#3A65E7 url(/images/flow1.gif) no-repeat right center;
	}
	
	ul.flow li.last{
	padding:10px;
	background-image:none;
	}



/* .feedList
------------------------------*/

.feedList{
margin:0 0 20px;
font-size:14px;
}

.feedList h3{
margin:0;
padding:10px;
font-size:16px;
font-weight:bold;
background:#FAFAFC url(/images/feedList_bg.jpg) repeat-x left top;
border:none;
}

	.feedList h3 img{
	padding:0 10px 0 0;
	}


/* .feedList > .feedRecent */

.feedList .feedRecent{
padding:0 10px 10px 50px;
background:#FAFAFC;
}

.feedList .feedRecent h4{
margin:0;
padding:10px 0 6px 18px;
font-size:14px;
background:url(/images/icon_rssfeed_s.gif) no-repeat left center;
border-top:1px dotted #CCCCDD;
}

	.feedList .feedRecent h4 span{
	padding:0 0 0 4px;
	font-size:12px;
	}

.feedList .feedRecent p{
margin:0 0 10px;
padding:0;
}

.feedList .feedRecent ul{
padding:10px 0 0;
font-size:14px;
border-top:1px dotted #CCCCDD;
}

	.feedList .feedRecent ul li{
	padding:0 0 0 18px;
	font-size:13px;
	background:url(/images/icon_rssfeed_s.gif) no-repeat left center;	
	}

	.feedList .feedRecent ul li span{
	padding:0 0 0 4px;
	font-size:12px;
	}



/* .feedDetail
------------------------------*/

.feedDetail{
margin:0 0 20px;
font-size:14px;
background:#FAFAFC;
}

.feedDetail h4{
margin:0;
padding:10px;
font-size:16px;
font-weight:bold;
background:#FAFAFC url(/images/feedList_bg.jpg) repeat-x left top;
border:none;
}

	.feedDetail h4 img{
	padding:0 10px 0 0;
	}

	.feedDetail h4 span{
	padding:0 0 0 4px;
	font-size:12px;
	font-weight:normal;	
	}


/* .feedDetail > .feedContents */

.feedDetail .feedContents{
margin:0 10px;
padding:10px;
border-top:1px dotted #CCCCDD;
}

.feedDetail .feedContents *{
font-size:100%;
}

.feedDetail .feedContents p{
padding:0 0 5px;
font-size:13px;
}



/* .bbsList
------------------------------*/

.bbsList{
margin:0 0 20px;
font-size:14px;
background:#FAFAFC;
}

.bbsList h3{
position:relative;
margin:0;
padding:10px 10px 10px 0;
font-size:16px;
font-weight:normal;
background:#FAFAFC url(/images/feedList_bg.jpg) repeat-x left top;
border:none;
}

	.bbsList h3 img{
	padding:0 5px 0 10px;
	}
	
	.bbsList h3 .reply a{
	position:absolute;
	right:10px;
	padding-right:12px;
	background:url(/images/icon_bbs_reply.gif) no-repeat right center;
	}

.bbsList .bbsContents{
margin:0 10px 0 10px;
padding:10px 0 20px;
font-size:13px;
border-top:1px dotted #CCCCDD;
}

	.bbsList .bbsContents *{
	margin:0;
	padding:0;
	font-size:100%;
	}

	.bbsList .bbsContents .auther{
	padding:0 0 0 4px;
	font-size:12px;
	}



/* .bbsForm
------------------------------*/

.bbsForm{
width:500px;
margin:20px auto 0;
text-align:center;
}

.bbsForm textarea{
width:490px;
padding:4px;
border:1px solid #999999;
}

.bbsFormBtn{
}

	.bbsFormBtn li{
	display:inline;
	}

	.bbsFormBtn a{
	overflow:hidden;
	display:block;
	float:left;
	height:23px;
	cursor:pointer;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:left top;
	}

		.bbsFormBtn a:hover{
		background-position:left bottom;
		}

	.bbsFormBtn .bbsFormBtnYoutube a{
	width:56px;
	background-image:url(/images/btn_bbs_youtube.gif);
	}

	.bbsFormBtn .bbsFormBtnGooglemap a{
	width:85px;
	background-image:url(/images/btn_bbs_googlemap.gif);
	}



/* .popupForm
------------------------------*/

.popupForm{
display:none;
}

	.popupForm textarea{
	display:block;
	margin:0 0 5px;
	width:260px;
	}


/* .colorA
------------------------------*/

.colorA .searchBox1,
.colorA .searchBox2,
.colorA h1,
.colorA h2,
.colorA h3,
.colorA #gNav ul li a{
border-color:#BF4946;
}
.colorA .searchBox1,
.colorA .searchBox2{
background-color:#FFF9F9;
}
.colorA ul.localNav li a:hover,
.colorA ul.horizontalNav li a:hover{
background-color:#CE7C7A;
}
.colorA #gNav ul li a,
.colorA ul.localNav li a,
.colorA ul.horizontalNav li a{
background-color:#BF4946;
}
.colorA #footer{
background-color:#FFF9F9;
}


/* #gNav */

.colorA #gNav{
background-image:url(/images/gNav_bg_colorA.gif);
}
	.colorA #gNav ul li a:hover{
	background-color:#A83633;
	border-color:#A83633;
	}
	.colorA #gNav ul li.active a{
	background-color:#FFFFFF;
	color:#BF4946;
	}
	.colorA #gNav ul li.active a{
	border-bottom-color:#FFFFFF;
	}


/* table */

.colorA table{
background-color:#FFF9F9;
}
	.colorA table,
	.colorA th,
	.colorA td{
	border-color:DDCCCC;
	}
	.colorA th{
	background-color:#FAECEC;
	}



/* .colorB
------------------------------*/

.colorB .searchBox1,
.colorB .searchBox2,
.colorB h1,
.colorB h2,
.colorB h3,
.colorB #gNav ul li a{
border-color:#56B737;
}
.colorB .searchBox1,
.colorB .searchBox2{
background-color:#EFFCEC;
}
.colorB ul.localNav li a:hover,
.colorB ul.horizontalNav li a:hover{
background-color:#8FDB7C;
}
.colorB #gNav ul li a,
.colorB ul.localNav li a,
.colorB ul.horizontalNav li a{
background-color:#56B737;
}
.colorB #footer{
background-color:#EFFCEC;
}


/* #gNav */

.colorB #gNav{
background-image:url(/images/gNav_bg_colorB.gif);
}
	.colorB #gNav ul li a:hover{
	background-color:#638E37;
	border-color:#638E37;
	}
	.colorB #gNav ul li.active a{
	background-color:#FFFFFF;
	color:#56B737;
	}
	.colorB #gNav ul li.active a{
	border-bottom-color:#FFFFFF;
	}


/* table */

.colorB table{
background-color:#F1FFEE;
}
	.colorB table,
	.colorB th,
	.colorB td{
	border-color:CCDDCC;
	}
	.colorB th{
	background-color:#D8E9D0;
	}



/* .colorC
------------------------------*/

.colorC .searchBox1,
.colorC .searchBox2,
.colorC h1,
.colorC h2,
.colorC h3,
.colorC #gNav ul li a{
border-color:#626262;
}
.colorC .searchBox1,
.colorC .searchBox2{
background-color:#F9F9F9;
}
.colorC ul.localNav li a:hover,
.colorC ul.horizontalNav li a:hover{
background-color:#818181;
}
.colorC #gNav ul li a,
.colorC ul.localNav li a,
.colorC ul.horizontalNav li a{
background-color:#626262;
}
.colorC #footer{
background-color:#F9F9F9;
}


/* #gNav */

.colorC #gNav{
background-image:url(/images/gNav_bg_colorC.gif);
}
	.colorC #gNav ul li a:hover{
	background-color:#383838;
	border-color:#383838;
	}
	.colorC #gNav ul li.active a{
	background-color:#FFFFFF;
	color:#626262;
	}
	.colorC #gNav ul li.active a{
	border-bottom-color:#FFFFFF;
	}


/* table */

.colorC table{
background-color:#F9F9F9;
}
	.colorC table,
	.colorC th,
	.colorC td{
	border-color:CCCCCC;
	}
	.colorC th{
	background-color:#DDDDDD;
	}



/* .inlineBlock
------------------------------*/

.inlineBlock,
ul.inlineBlock li{
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom:1;
}

	ul.inlineBlock{
	display:block;
	/display:block;
	}

.inlineBlock span{
display:block;
}



/* clear fix
-------------------------------------------------- */

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

.clearFix{
zoom:1;
}

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