@charset "UTF-8";

/***** ベース *****/
body {
	margin:0;
	padding:0;
	text-align:center;
	color:#333333;
	background-image:url(../image/bodyback.png);
	background-repeat:repeat-x;
}

body,th,td,li,div,address{
	font:14px/20px "ＭＳ Ｐゴシック",Verdana, Arial, sans-serif;}

h1,h2,h3,h4,h5,h6,ul,ol,li,dl,form{
	margin:0;
	padding:0;
}

p{
	margin:0 0 5px 5px;
	padding:0;}

img{
	border:none;
	vertical-align:middle;
}

.Clear{
	clear:both;
}


.Center {
	text-align:center;}
.Valign_top {
	vertical-align:top;}
.Valign_middle {
	vertical-align:middle;}
.Valign_bottom{
	vertical-align:bottom;}
.Right {
	text-align:right;}
.Left {
	text-align:left;}
.Red {
	color:#FF0000;}
.White{
	color:#FFFFFF;}
h1 {
	font-size:16px;
	font-weight:bold;
	color:#333;
	padding:10px 0;}
h2{
	font-size:18px;
	border-left:10px solid #C00;
	margin-bottom:10px;
	padding-left:5px;}

.lineHeight15{
	line-height:15px;}

.F_right{
	float:right;}
.F_left{
	float:left;}

.Font_11{
	font-size:11px;}
.Font_12{
	font-size:12px;}
.Font_14{
	font-size:14px;}
.Font_15{
	font-size:15px;}
.Font_16{
	font-size:16px;}
.Font_18{
	font-size:18px;}

.Font_Bold{
	font-weight:bold;}

.bottom5px{
	margin-bottom:5px;}
.bottom10px{
	margin-bottom:10px;}
.bottom20px{
	margin-bottom:20px;}
.bottom30px{
	margin-bottom:30px;}

.top5px{
	margin-top:5px;}
.top10px{
	margin-top:10px;}
.top15px{
	margin-top:15px;}
.top20px{
	margin-top:20px;}
.top30px{
	margin-top:30px;}
.top40px{
	margin-top:40px;}
.top50px{
	margin-top:50px;}
.top60px{
	margin-top:60px;}

.right5px{
	margin-right:5px;}
.right10px{
	margin-right:10px;}
.right20px{
	margin-right:20px;}
.right30px{
	margin-right:30px;}
.right40px{
	margin-right:40px;}
.right50px{
	margin-right:50px;}

.left5px{
	margin-left:5px;}
.left10px{
	margin-left:10px;}
.left20px{
	margin-left:20px;}
.left30px{
	margin-left:30px;}
.left40px{
	margin-left:40px;}
.left50px{
	margin-left:50px;}
	
.padding10px{
	padding:10px;}

.bgYellow{
	background-color:#FFFFCC;}
.bgGray{
	background-color:#333;}
.bglightGray{
	background-color:#EEE;}
/**********リンク**********/

a:link, a:active, a:visited{
	color:#00F;}
a:hover{
	color:#F00;}
a[target="_blank"]:after {
	content: url(../image/ico_newwin.gif);
	margin: 0px 2px;}

#GNavi a:link, #GNavi a:active, #GNavi a:visited{
	color:#FFF;
	text-decoration:none;}
#GNavi a:hover{
	color:#F00;
	text-decoration:none;}


/**********レイアウト**********/

#header, #header2, #contents, #headerRank{
	width:953px;
	margin:0 auto;
	text-align:left;
	background-color:#FFF;
	border-left:1px solid #5B7B2F;
	border-right:1px solid #5B7B2F;}
#header{
	height:65px;
	padding:3px 0;}
#header2{
	height:65px;
	padding:3px 0;}
#headerRank{
	height:160px;
	padding:0;
	margin:10px 0;}
#GNavi{
	padding-left:10px;}
#GNaviBar{
	height:10px;
	background-color:#E3E8D2;}

#footer{
	padding-top:20px;
	width:953px;}

#main{}
#menu{}

/* サービスページ */
#mainService{
	width:690px;
	float:left;}
#subService{
	width:260px;
	float:right;}

/* 会員登録など */
#mainCenter{
	width:800px;
	margin:auto;
	border:1px solid #5B7B2F;}
#mainCenterNoBorder{
	width:800px;
	margin:auto;
	border:1px solid #FFF;}

.block{
	padding:0 10px;}

/*
#wide_main{
	width:100%;}

*/


/**********グローバルナビ**********/
.logo{
	padding-left:10px;}

.tab{
	display:block;
	width:160px;
	height:30px;
	font-size:16px;
	line-height:30px;
	text-align:center;
	margin-right:5px;}
.tabOn{
	background-image:url(../image/tabOn.gif);
	background-position:center;
	background-repeat:no-repeat;}
.tabOff{
	background-image:url(../image/tabOff.gif);
	background-position:center;
	background-repeat:no-repeat;}

/**********新規作成・編集ページ**********/
.contWaku{
	width:930px;
	border:5px solid #C60;
	margin:0 auto;}

.contTab{
	display:block;
	width:120px;
	height:30px;
	font-size:16px;
	line-height:35px;
	text-align:center;
	margin-right:3px;}
.contTabOn{
	background-color:#C60;}
.contTabOff{
	background-color:#EEE;}

.pageArea{
	background-color:#CCC;
	padding:3px 3px 3px 30px;
	margin:3px;}

.menuTab{
	display:block;
	width:130px;
	height:28px;
	font-size:14px;
	line-height:30px;
	text-align:center;
	margin:0 5px 0 0;
	float:left;}
.menuTabLeft{
	margin-left:20px;}
.menuTabOn{
	background-color:#C60;}
.menuTabOff{
	background-color:#EEE;}

.slideSmallTable td, .smallBtTable td{
	font-size:12px;}

/**********管理画面系**********/
#thumbnailAreaWaku{
	width:900px;
	height:180px;
	text-align:center;
	margin:auto;
	background-color:#FFFFFF;
	border:1px solid #333;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;}
#thumbnailArea{
	width:820px;
	height:120px;
	margin:10px auto 7px auto;}
.thumIcon{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	width:150px;
	height:50px;
	overflow:hidden;
	margin:5px;
	text-align:center;}
#tplArea {
	text-align:center;}
#linkBoxArea {
	padding:5px;}
#linkBoxArea li{
	list-style-type: none;
	display: inline;
	margin:0 3px;}
.linkBox {
	text-decoration: none;
	background-color:#336699;
	color:#fff;
	display: inline-block;
	width: 20px;
	padding:10px 15px;
	text-align:center;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;}
.linkBox:hover {
	background-color:#002244;
	cursor:pointer;}
.linkBoxPreNext{
	width:80px;}

.linkDisable, .linkDisable:hover {
	background-color:#D8E4F1;
	color:333;
	cursor:default;}
.linkHere, .linkHere:hover {
	border:1px solid #336699;
	color:#336699;
	background-color:#FFF;
	cursor:default;}


.infoTitle{
	background-image:url(../image/ico_information.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:18px;}
.manage_title{
	border-bottom:1px solid #AAA;
	color:#5B7B2F;
	font-weight:bold;
	font-size:16px;}

.main_titleBK{
	background-image:url(../image/label_bk.jpg);
	background-repeat:no-repeat;
	height:40px;
	margin:0 0 0 3px;
	padding:11px 0 0 28px;
	font-size:22px;
	color:#4A6527;
	font-weight:bold;}
.main_titleBK790{
	background-image:url(../image/label_bk790.jpg);
	background-repeat:no-repeat;
	height:40px;
	margin:0 0 0 3px;
	padding:11px 0 0 28px;
	font-size:22px;
	color:#4A6527;
	font-weight:bold;}
.main_titleNoBarBK790{
	background-image:url(../image/howto/label_noBar_bk790.jpg);
	background-repeat:no-repeat;
	height:40px;
	margin:0 0 0 3px;
	padding:11px 0 0 28px;
	font-size:22px;
	color:#4A6527;
	font-weight:bold;}
.main_title{
	border-bottom:1px solid #AAA;
	color:#5B7B2F;
	font-weight:bold;
	font-size:16px;
	padding-left:3px;}
.registtable{
	border:1px solid #333;
	border-collapse:collapse;
	width:750px;
	margin:10px;}
.registtable td, .registtable th{
	border:1px solid #333;
	padding:5px;}
.registtable th{
	background-color:#5B7B2F;
	color:#FFF;
	font-weight:bold;
	width:200px;}

.faq_question{
	background-image:url(../image/ico_question.gif);
	background-repeat:no-repeat;
	background-position:0 1px;
	padding:0 0 0 18px;}
.faq_answer{
	background-image:url(../image/ico_answer.gif);
	background-repeat:no-repeat;
	background-position:0 1px;
	padding:0 0 0 18px;}

/* テーブル */
.ListTable{
	background:#222;}
.ListTable th{
	background:#5B7B2F;
	color:#FFF;
	font-weight:bold;
	font-size:18px;
	text-align:center;}
.ListTable tr{
	background:#FFF;}
.ListTable td{
	font-size:16px;}

/*tplListTable*/

.tplListTable{
	border:1px solid #111;
	border-collapse:collapse;
	margin:20px auto;
	width:90%;}
.tplListTable td, .tplListTable th{
	border:1px solid #111;
	padding:5px;}
.tplListTdIMG{
	background-color:#333;
	text-align:center;}
.tplListTdIntro{}
.tplListTdPrice{
	font-size:18px;
	text-align:right;
	color:#C00;
	font-weight:bold;
	width:100px;}


/* テンプレート */
.tpl{
	width:380px;
	border:1px solid #333;
	float:left;
	margin:0 0 5px 5px;}

#TemplateDetailArea {
	position:absolute;
	background-color:#FFF;
	text-align:center;
	display: none;
	z-index:1;}
.Tpl_detail{
	border:1px solid #333;}

.bt{
	cursor:pointer;}
.btText{
	cursor:pointer;
	color:#0000FF;
	text-decoration:underline;}
.btText:hover{
	color:#FF0000;}

.slidetable{
	border:1px solid #333;
	border-collapse:collapse;
	width:750px;
	margin:auto;}
.slidetable td, .slidetable th{
	border:1px solid #333;
	padding:5px;}
.slidetable th{
	background-color:#5B7B2F;
	color:#FFF;
	font-weight:bold;}
.th1{
	font-size:14px;
	width:100px;}
.th2{
	font-size:26px;
	width:320px;
	text-align:center;}
.editableTitle{
	background-color:#EEE;
	width:90px;}

.edittable{
	border:1px solid #333;
	border-collapse:collapse;
	margin:0 auto;}
.edittable td, .edittable th{
	border:1px solid #333;
	padding:5px;}
.edittable th{
	background-color:#5B7B2F;
	color:#FFF;
	font-weight:bold;}
.edittableTdTitle{
	background-color:#EEE;}

.edImageTbWidth{
	width:880px;
	margin:5px auto;}
.edImageTbWidth th{
	width:90px;}

.edImageTbWidth2{
	width:880px;
	margin:0 auto 5px auto;}
.edImageTbWidth2 th{
	width:90px;}

.edImageTbWidth2 input[type="text"],.edImageTbWidth2 select,.registTable input[type="file"]{
	-moz-border-radius:3px 3px 3px 3px;
	border:1px solid #999;
	font-size:14px;}

#submitSizeForm, #submitImageForm{
	margin:10px 0;}

#savedItemName{
	font-size:14px;
	font-weight:bold;
	text-align:center;}

/**********howto**********/
.howto h1{
	border-left:20px solid #C00;
	margin:5px auto;
	padding-left:3px;}
.howto td{
	vertical-align:top;}
.howtoH3{
	font-weight:bold;
	text-decoration:underline;
	font-size:18px;
	margin:10px 0 0 20px;}
.howtoOL{
	margin:0 0 20px 20px;
	font-size:16px;}
.howtoUL li{
	margin:0 0 0 30px;
	font-size:13px;}
.agenda {
	padding:5px;
	background-color:#FFFFCC;
	border:1px solid #FFCC00;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;}

/**********新規アカウント登録など**********/	
.registTableWaku{
	padding:20px;
	border:10px solid #ECECEC;
	margin:20px 70px;}
.registTable{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border-bottom:1px solid #CCC;}
.registTable th{
	color:#333;
	white-space:nowrap;
	background-color:#E1EDD1;
	font-weight:bold;
	padding:10px 0 10px 20px;
	border-top:1px dotted #999;}
.registTable td{
	border-top:1px dotted #999;
	padding:10px 0 10px 20px;}
.registTable input[type="text"],.registTable select,.registTable input[type="password"]{
	-moz-border-radius:3px 3px 3px 3px;
	border:1px solid #999;
	font-size:16px;}
.regitButtonArea{
	background-color:#F1F1F1;
	margin:0 70px;
	padding:20px;}

.join h1{
	border-left:20px solid #C00;
	width:67%;
	margin:auto;
	padding-left:3px;}
.joinTable{
	background:#222;
	width:70%;
	margin:10px auto;}
.joinTable th{
	background:#5B7B2F;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	width:120px;}
.joinTable tr{
	background:#FFF;}
.joinTable td{
	font-size:14px;
	text-align:left;
	background:#EEE;}
.joinTableImg{
	cursor:pointer;}

.loginerror{
	border:1px solid #CC0000;
	padding:3px;
	color:#CC0000;
	background-color:#FFCCFF;}

#loading {
	position:absolute;
	background-color:#FFF;
	border:1px solid #333;
	padding:50px;
	margin:0 300px;
	text-align:center;
	display: none;
	z-index:0;}

/**********ログインページメニュー**********/
.sub_entry{
	border:1px solid #333;
	background-color:#EEE;
	padding:10px 0;
	margin:0 10px;
	text-align:center;}
.sub_title{
	border-bottom:1px solid #AAA;
	color:#5B7B2F;
	font-weight:bold;}
.sub_news{
	font-size:13px;}
.sub_question{
	background-image:url(../image/ico_question.gif);
	background-repeat:no-repeat;
	background-position:0 1px;
	padding:0 0 0 18px;
	font-size:13px;}
.sub_answer{
	background-image:url(../image/ico_answer.gif);
	background-repeat:no-repeat;
	background-position:0 1px;
	padding:0 0 0 18px;
	font-size:13px;}

/**********特集ページ**********/
.special_title{
	border-bottom:1px solid #AAA;
	color:#5B7B2F;
	font-weight:bold;
	font-size:20px;
	padding-left:3px;}
.related_link_yaji{
	background-image:url(../image/ico_yaji.gif);
	background-position:left center;
	background-repeat:no-repeat;
	margin:0pt 0pt 5px 15px;
	padding-left: 20px;
}

/**********動作確認**********/
.dosa{
	text-align:center;
	border:1px solid #3366CC;
	padding:5px;
	margin:3px;}

/**********フッター**********/
.footerArea{
	border-top:1px solid #5B7B2F;
	padding:20px;
	background-color:#F9F9F9;}
.footerNavi ul{
	list-style:none outside none;}
.footerNavi li {
    float: left;
    font-size: 12px;
    margin: 0 20px 0 0;
    width: 180px;}
.footerNavi li p {
	background-image:url(../image/ico_footer.gif);
	background-repeat:no-repeat;
	background-position:2px;
    font-weight: bold;
    padding: 0 0 0 15px;}
.footerNavi li ul {
    border-bottom: 1px dotted #B2B2B2;
    margin: 0 0 5px 15px;
	font-size:12px;}
.footerNavi li ul a {
	text-decoration:none;}


.popup1 {
	position:absolute;
	display:none;
	z-index:2;
	padding:10px;
	background-color:#CCCCCC;}

/**********Ticker**********/
#tickerArea ul {
	background:#EEE;
	color:#000;
	padding:0 3px;
	margin-left:8px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	width:450px;}

#tickerArea ul, #tickerArea li {
	list-style:none;
	font-family:verdana;
	font-size:12px;}