@charset "utf-8";
/* 初期化 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0; padding:0; border:0; font-weight:100; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;
}
body{
	line-height:1.5;
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
	color:#333;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-color:#FFF;
}
table{
	border-collapse:separate; border-spacing:0;
}
caption, th, td{
	text-align:left; font-weight:400;
}
blockquote:before, blockquote:after, q:before, q:after{
	content:"";
}
blockquote, q{
	quotes:"" "";
}
a {
	text-decoration:none;
	color:#069;
}
a:hover {
	text-decoration:underline;
}
a img{
	border:none;
}

div.wrap {
	padding-top:10px;
	background-color:#FFF;
}
div.wring {
	margin-left:auto;
	margin-right:auto;
	width:800px;
	text-align:left;
}

/* user_bar */
div.user_bar {
	border-bottom:1px solid #CCC;
	font-size:75%;
	padding:4px 8px 4px 8px;
}
	div.user_bar div.name {
		float:left;
	}
	div.user_bar div.info {
		float:right;
	}
		div.user_bar div.info a {
			margin-left:10px;
		}
		div.user_bar div.info #language {
			margin-left:10px;
		}

/* ヘッダー */
div.header {
	margin-bottom:0px;
}
	div.header div.logo {
		float:left;
	}
		div.header div.logo a.logo_link {
			margin-top:5px;
			width:211px;
			height:52px;
			background:url(../img/logo.png);
		}
	div.header div.menu {
		float:right;
	}
		div.header div.menu a {
			width:72px;
			height:61px;
			background:url(../img/menus.png);
		}
			div.header div.menu a.service {
				background-position:-145px 0;
			}
			div.header div.menu a.service:hover,
			div.header div.menu a.service_here {
				background-position:-145px -73px;
			}
			div.header div.menu a.point {
				background-position:-0px 0;
			}
			div.header div.menu a.point:hover,
			div.header div.menu a.point_here {
				background-position:-0px -72px;
			}
			div.header div.menu a.help {
				background-position:-73px 0;
			}
			div.header div.menu a.help:hover,
			div.header div.menu a.help_here {
				background-position:-73px -72px;
			}
		div.header div.menu div {
			float:left;
			border-right:2px dotted #DDD;
			padding:0 5px 0 6px;
		}
	
/* コンテンツ */
div.contents {
	width:840px;
}
	div.contents div.seems {
		background:url(../img/page.png) no-repeat top center;
		height:25px;
	}
	div.contents div.body {
		background:url(../img/page_body.png) repeat-y center;
		padding:0 40px 20px 40px;
		font-size:80%;
	}
	div.contents div.bottom {
		background:url(../img/page.png) no-repeat bottom center;
		height:25px;
	}
div.prominence {
	padding-top:10px;
	margin-bottom:20px;
}
	div.prominence a.top_ad {
		float:left;
	}
	div.prominence div.login_area {
		float:right;
		text-align:left;
		width:185px;
		margin-top:-31px;
	}
		div.prominence div.login_area a.new_entry {
			width:204px;
			height:82px;
			position:absolute;
			background:url(../img/new_account.gif);
		}
			div.prominence div.login_area a.new_entry:hover {
				background-position:0 -82px;
			}
		div.prominence div.login_area div.login_form_head {
			width:185px;
			height:10px;
			background:url(../img/login_form.png) center top no-repeat;
			margin-top:90px;
			overflow:hidden;
		}
		div.prominence div.login_area div.login_form_body {
			width:165px;
			height:201px;
			padding:0 10px 0 10px;
			background:url(../img/login_form.png) center bottom no-repeat;
		}
			div.prominence div.login_area div.login_form_body div.lebel_name {
				margin-bottom:5px;
			}
	div.prominence div.user_area {
		float:right;
		text-align:left;
		width:165px;
		height:260px;
		padding:10px 10px 0 10px;
		background:url(../img/login_form.png) no-repeat;
	}
		div.prominence div.user_area div.user_image {
			float:left;
			width:68px;
		}
			div.prominence div.user_area div.user_image img {
				border:1px solid #DDD;
				padding:1px;
			}
		div.prominence div.user_area div.user_name {
			float:right;
			width:88px;
		}
			div.prominence div.user_area div.user_name a.larger {
				font-size:130%;
				font-family:Helvetica, Helvetica Neue, Arial;
				font-weight:bold;
			}
			div.prominence div.user_area div.user_name div.points {
				position:absolute;
				top:168px;
				width:88px;
				color:#F60;
				text-align:right;
			}
			
div.contents div.body h2 {
	border-left:4px solid #09F;
	border-bottom:1px dotted #999;
	font-weight:bold;
	margin-bottom:10px;
	padding:3px 0 3px 10px;
}
div.contents div.body h3 {
	font-weight:bold;
	color:#D07419;
	font-size:110%;
	margin:5px 0px 5px 0px;
}
div.contents div.body h2 div.h2_title {
		float:left;
		font-weight:bold;
	}
	div.contents div.body h2 a.rss {
		float:right;
		width:16px;
		height:16px;
		background:url(../img/rss.png);
	}
div.contents div.body p {
	margin-bottom:10px;
}
div.contents div.body div.flurs {
	margin-bottom:15px;
	font-size:85%;
	color:#666;
}
.smaller {
	font-size:90%;
}
div.contents div.space {
	margin-bottom:20px;
}
div.contents div.body div.leftPanel {
	float:left;
	width:300px;
}
div.contents div.body div.rightPanel {
	float:right;
	text-align:left;
	width:435px;
}

/* ポイントについて */
div.point_text {
	float:right;
	width:500px;
}
div.point_img {
	float:left;
	width:238px;
	padding:7px 0 20px 0;
}
div.alert_box { text-align:center; margin:20px 0 30px 0; }
	div.alert_box strong { font-size:100%; font-weight:bold; }
	div.alert_box div.inner { width:60%; text-align:left; margin:10px auto 0 auto; border:1px solid #CCC; padding:10px; font-size:90%; line-height:170%; }

table.news {
	font-size:90%;
	width:100%;
}
	table.news td.title {
		padding-left:5px;
		vertical-align:middle;
	}
	table.news td.date {
		text-align:center;
		background-color:#069;
		color:#FFF;
		font-weight:bold;
		font-size:110%;
		padding:5px;
		line-height:120%;
	}
	table.news td {
		border-bottom:1px #CCC solid;
	}

dl.services {
	font-size:90%;
	margin-bottom:15px;
}
	dl.services dt {
		float:left;
		margin-right:10px;
		text-align:center;
		width:210px;
	}
	dl.services dt.top {
		width:100px;
	}
		dl.services dt img {
			margin-bottom:5px;
		}
		dl.services dt div {
			background-color:#DDD;
			text-align:center;
			padding:2px 0 2px 0;
			color:#069;
		}
		dl.services dt a:hover div { background-color:#069; color:#FFF; }
		dl.services dt a:hover { text-decoration:none; }
	dl.services dd {
		float:left;
		width:535px;
	}
		dl.services dd div.url {
			margin-top:3px;
		}
		dl.services dd div.url a {
			font-size:90%;
			background:url(../img/urllink.png) no-repeat;
			padding-left:17px;
		}
	dl.services dd.top {
		width:321px;
	}

/* manage */
table.gray_white {
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
	table.gray_white th {
		padding: 5px;
		border: #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		background: #F5F5F5;
		font-weight: bold;
		line-height: 120%;
		text-align: center;
	}
	table.gray_white td {
		padding: 5px;
		border: 1px #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		font-size:80%;
	}

/* FAQ */
ul.faq_menu {
	list-style-type:circle;
	margin:0;
	padding-left:16px;
}
ul.faq_menu_detail {
	list-style-type:none;
	margin:0;
	padding-left:0;
}
ul.faq_menu_detail li{
	background:url('../img/arrow.gif') no-repeat 0 0px;
	padding-left:25px;
}
ul.categories {
	list-style-type:square;
	margin:0;
	padding-left:33px;
	font-size:90%
}
a.to_form {
	width:200px;
	height:89px;
	background:url(../img/to_form.png);
}
	a.to_form:hover {
		background-position:0 -89px;
	}
ul.faq_menu_detail {
	list-style-type:none;
	margin:0;
	padding-left:0;
}
ul.faq_menu_detail li{
	background:url('../img/arrow.gif') no-repeat 0 0px;
	padding-left:25px;
}

/* disp */
form#helpsDispForm {
	text-align:center;
	padding:10px;
}
form#helpsDispForm table {
	margin-left:auto;
	margin-right:auto;
}
form#helpsDispForm table th {
	font-weight:bold;
}
form#helpsDispForm table td {
	padding:3px;
}
form#helpsDispForm table td.right {
	text-align:right;
}
div.result {
	font-size:120%;
	margin:-5px 0 15px 0;
	text-align:center;
}
dl.ques_keeped {
	margin-bottom:10px;
}
dl.ques_keeped dt {
	background-color:#eee;
	text-align:left;
	padding-right:10px;
}
dl.ques_keeped div.one_question {
	background:url('../img/q.png') no-repeat;
	padding-left:40px;
	line-height:200%;
}
dl.ques_keeped dd {
	margin:5px 0;
	background-color:#fff;
}
dl.ques_keeped div.one_answer {
	background:url('../img/a.png') no-repeat;
	padding-left:40px;
	padding-bottom:5px;
}
#pageNavigater {
	text-align:center;
}

/* FlatGray */
table.flat_gray {
	width:100%;
	border-collapse:separate;
	border-spacing:1px;
	background:#DDD;
}
table.flat_gray th {
	font-weight:bold;
	vertical-align:middle;
	color:#666;
}
table.flat_gray td {
}
table.flat_gray th,
table.flat_gray td {
	background-color:#FFF;
	border:1px solid #FFF;
	padding:5px 5px 5px 20px;
}
table.flat_gray tr.x th,
table.flat_gray tr.x td {
	background-color:#EEE;
}

fieldset {
	margin:5px 0 20px 0;
}
fieldset legend {
	font-size:120%;
	margin-bottom:10px;
	color:#690;
	font-weight:bold;
	text-indent:-10px;
}
sup.must {
	color:#900;
}


/* agreement */
ul.agreement {
	margin:10px 0 25px 5px;
	list-style:inside;
}
	ul.agreement ul.items {
		margin-left:15px;
	}
	
a.dismiss {
	display:block;
	text-indent:-4000px;
	overflow:hidden;
}

table.mini  { border-collapse:separate; border-spacing:5px; }
table.entry {
	width:100%;
	border-collapse:separate;
}
	table.entry th,
	table.entry td {
		padding:5px;
	}
.entry_form {
	width:600px;
}
table.accountTable {
	width:100%;
	border-collapse:collapse;
	background:#FFF;
}
	table.accountTable th { text-align:center; vertical-align:middle; }
	table.accountTable th, table.accountTable td { border:1px solid #CCC; padding:5px; }
	table.accountTable table th, table.accountTable table td { border:none; }

/* Feed */
div.feed {
	margin:5px 0 5px 0;
}
div.feed div.title {
	float:left;
}
div.feed div.ctrl {
	float:right;
}
/* ProfDesign */
div.profDesigns {
}
	div.profDesigns div.design {
		float:left;
		margin-right:8px;
		text-align:center;
		margin-bottom:12px;
	}
		div.profDesigns div.design img {
			border:3px solid #CCC;
			margin-bottom:3px;
		}

/* sBox */
.center {
	text-align:center;
}
#sBox {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#bBox {
	border:3px solid #ffffff;
	background-color:#E8EEFA;
	padding:15px 20px 15px 20px;
}
#bBox h4 {
	font-size:120%;
	font-weight:bolder;
	margin:0;
	color:#003366;
}
#bBoxBoder {
	width:100%;
	border:1px solid #C3D9FF;
	margin-bottom:20px;
}
#blueBottom {
	margin-top:10px;
	background-color:#006699;
	border:0;
	padding:5px;
	color:#ffffff;
	font-weight:bolder;
}
#redArea, .error-message {
	color:red;
	font-size:90%;
}
#blueArea {
	color:#FF3300;
	font-size:90%;
}
#note {
	color:#646464;
	font-size:85%;
}
#warn {
	color:red;
	font-size:120%;
}
#item {
	font-weight:bold;
	vertical-align:top;
}
.left {
	float:left;
}
.right {
	float:right;
}

ul.check {
	list-style:inside disc;
}
	ul.check li {
		margin:5px 0 5px 0;
	}
	
ul.links {
	margin:0;
	padding:10px 0 0 5px;
}
	ul.links li {
		list-style-type:none;
		background:url('../img/des_link.gif') no-repeat 0 6px;
		padding-left:15px;
		margin-bottom:5px;
	}
a.des_link {
	background:url('../img/des_link.gif') no-repeat 0 6px;
	padding-left:14px;
}


#info, #success, #warning, #error, #validation {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
#info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../img/info.png');
}
#success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('../img/success.png');
}
#warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../img/warning.png');
}
#error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../img/error.png');
}


ul#updateMenu {
	margin:0 0 20px 30px;
	padding:0;
	list-style-type:none;
	
}
ul#updateMenu li {
	display:inline;
	margin-left:5px;
	padding-right:5px;
	border-right:1px #CCCCCC solid;
}

/* ワンポイント */
ul#s {
	margin:0;
	padding:0;
}
ul#s li {
	list-style: none;
}
ul#s li a {
	padding-left:18px;
	margin-left:-18px;
}
li#rightArrow {
	background:url("../img/mini_icons/arrow_large_right.png") no-repeat;
	padding-left:20px;
}
li#popWarning {
	bakground:url("../img/mini_icons/warning_triangle.png") no-repeat;
	padding-left:20px;
}
li#popFlag {
	background:url("../img/mini_icons/comment_alert.png") no-repeat;
	padding-left:20px;
}
li#popUser {
	background:url("../img/mini_icons/contact_blue.png") no-repeat;
	padding-left:20px;
}
li#popEdit {
	background:url("../img/mini_icons/contact_blue_edit.png") no-repeat 2px 0;
	padding-left:20px;
}
li#config {
	background:url("../img/mini_icons/gear.png") no-repeat;
	padding-left:20px;
}
li#logout {
	background:url("../img/mini_icons/logout.png") no-repeat;
	padding-left:20px;
}
ul#twitter { list-style:none; }
	ul#twitter li { background:url(../img/twitter.gif) no-repeat; padding-left:20px; margin-bottom:3px; font-size:80%; }
	ul#twitter li a { margin-left:5px; }


/* フッター */
div.footer {
	padding:10px 0 40px 0;
	font-size:70%;
}
	div.footer div.foot_menu {
		float:left;
		padding-left:20px;
	}
	div.footer div.copy {
		float:right;
		padding-right:20px;
		color:#666;
	}


/* クリアー */
.clearfix:after {
 content: " "; display: block; height: 0; visibility: hidden; clear: both; 
	border:#000 1px solid
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */