@charset "UTF-8";




/****************
**  Common
*****************/

* {
	zoom: 1;
	margin: 0;
	padding: 0;
}

body {
	font-weight: normal;
	font-size: 13px;
	font-family: Helvetica,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.62;
	background: #EFEFEF;
	color: #333;
}

em { font-style: italic; }
strong, .bold { font-weight: bold; }

a {
	color: #406984;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}a img {
	border: 0;
}

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

.list-style-type-none li {
	list-style-type: none;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hides from IE-mac \*/

span.error {
	display: block;
	margin: 10px;
	padding: 10px;
	border: dotted 3px red;
	color: red;
	font-weight: bold;
}

span.success {
	display: block;
	margin: 10px;
	padding: 10px;
	border: dotted 3px blue;
	color: blue;
	font-weight: bold;
}

.campaign {
	color: red;
	font-size: 15px;
}.center {
	text-align: center;
	}

ol,#main .left ul {
	margin-left: 30px;
}

input {
	padding: 5px 0;
}


/****************
**  Layout
*****************/

#wrapper {
	width: 848px;
	margin: 0 auto;
}

#header, #theme, #main, .partner {
	width: 828px;
	padding: 0 20px;
}


	/****************
	**  Header
	*****************/

	#header .left, #header .right { width: 45%; }

	#header h1 a {
		display: block;
		background: url(../images/logo.png) no-repeat 0 50%;
		width: 111px;
		height: 40px;
		text-indent: -9999px;
		font-size: 0;
	}


	#header ul li {
		float: left;
		margin-left: 10px;
		display: inline; /* for IE6 */
	}#other_menu{
		text-align: right;
	}#menu ul {
		margin:0;
		float: right;
	}#menu ul li a {
		width: 60px;
		height: 20px;
		display: block;
		text-indent: -7878px;
		font-size: 0;
		overflow: hidden;
	}
	#menu ul li .home { background: url(../images/menu_home.png) no-repeat; }
	#menu ul li .feature { background: url(../images/menu_feature.png) no-repeat; }
	#menu ul li .plan { background: url(../images/menu_plan.png) no-repeat; }
	#menu ul li .regist { background: url(../images/menu_regist.png) no-repeat; }
	#menu ul li a:hover, #menu ul li#x a { border-bottom: solid 5px #E04E21; }

	#menu {
		margin-top: 14px;
	}


	/****************
	**  Main
	*****************/

	#main, .partner {
		background: #FFF;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-top: 20px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
	}

	#main div.left {
		width: 600px;
	}#main #toppage {
		width: 100%;
	}#main #toppage div.left {
		width: 300px;
		margin-right: 20px;
	}
	
	#feature div {
		float: left;
		width: 400px;
		height: 100px;
		margin-left: 12px;
	}
	#feature div img {
		float: left;
		margin: 5px;
	}
	
	
	#main p, h4 {
		margin: 0 8px;
	}


		/****************
		**  Side
		*****************/

		#main .right {
			width: 208px;
		}

		#main .right .banner {
			margin-top: 10px;
		}

		#main .right #sub_menu li a {
			display: block;
			margin-bottom: 5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px;
			border: solid 1px #EFEFEF;
			padding: 5px 10px;
		}#main .right #sub_menu li#x2 a {
			color: #FFF;
			background: #E04E21;
		}
		
		.side_partner {
			border-top: 1px solid #DDD;
			margin-top: 100px;
		}


	h2 {
		font-size: 20px;
		margin-bottom: 5px;
	}


	h3 {
		background: #3D3D3D;
		color: #FFF;
		padding: 7px 10px 4px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		font-size: 14px;
		margin: 10px 0 2px 0;
	}

	h4 {
		font-size: 14px;
		margin-top: 10px;
	}

	h5 {
		font-size: 15px;
		margin-top: 10px;
		/*border-bottom: solid 2px #333;*/
	}

	.listType_1 {
		margin-bottom: 5px;
		padding: 5px 15px;
	}.listType_1 > * {
		font-size: 13px;
	}.listType_1 dd {
		border-bottom: dotted 1px #CDCDCD;
		margin-bottom: 5px;
	}

	.listType_2 {
		margin-left: 15px;
	}

	.button {
		text-align: center;
		margin-top: 10px;
	}

	.button input, .linkbutton {
		border-top: 1px solid #ccc;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		border-left: 1px solid #ccc;
		padding: 5px 20px;
		font-weight: bold;
		cursor: pointer;
		color: #666;
	}

	table.normal, .normal td{
		font:100% Arial, Helvetica, sans-serif;
	}
	table.normal{width:100%;border-collapse:collapse;margin-bottom: 10px;}
	.normal th, .normal td{text-align:left;padding:.5em;}

	.normal tr th{background:#e5f1f4; font-weight: bold; white-space: nowrap;}
	.normal tr.odd th{background:#f8fbfc;}
	.normal tr td{background:#e5f1f4;}
	.normal tr.odd td{background:#f8fbfc;}
	.normal td span { font-size: 10px; }

	#plantable th, #plantable td, #pricetable th, #pricetable td {
		width: 33%;
	}#planselecttable th, #planselecttable td {
		width: 25%;
	}#plantable td, #plantable th.plan_free, #plantable th.plan_plus,
	#pricetable td, #pricetable th.plan_free, #pricetable th.plan_plus,
	#planselecttable td, #planselecttable th.plan_free, #planselecttable th.plan_plan {
		text-align: center;
	}

	#regist_flow {
		text-align: center;
	}

	.thumbnail {
		width: 100px;
		height: 120px;
		float: left;
		margin-right: 10px;
		margin-bottom: 5px;
		border: solid 1px #CDCDCD;
		text-align: center;
	}

	.popup {
		position: absolute;
		width: 300px;
		border: solid 1px black;
		background-color: #FFF;
		z-index: 1;
		padding: 5px;
	}

		/****************
		**  Toppage
		*****************/
		#to_plan a:hover img { background-color: #EFEFEF; }



		/****************
		**  Example
		*****************/

		.example_cell {
			margin-bottom: 10px;
		}

		.example_cell p.name { font-size: 14px; font-weight: bold; }


/****************
**  Footer
*****************/

#footer {
	text-align: center;
	margin-top: 20px;
	font-size: 10px;
}

/****************
**  Help Page
*****************/

.tableType_1 {
	border-top: solid 1px black;
	border-left: solid 1px black;
	font-size: 10px;
}.tableType_1 th, .tableType_1 td {
	border-bottom: solid 1px black;
	border-right: solid 1px black;
	padding: 2px;
}.tableType_1 th {
	background-color: #EFEFEF;
}

/****************
**  ordermade_step
*****************/

#ordermade_step th, td {
	text-align: left;
	padding-left: 5px;

}
#ordermade_step th {
	height: 1em;
}
#ordermade_step td {
	vertical-align: top;

}