html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
nav ul,li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
body{font: 13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* common
------------------------------------------------*/
body {
	background: #e7f6fb;
	font-family: 'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;
	line-height: 1.5em;
}

a:link {
	color: #2CA9E1;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}


/* header
------------------------------------------------*/
#header {
	height: 90px;
	padding-top: 10px;
	background: #FFF;
	border-bottom: 1px solid #e7f6fb;
}

#header > .inner {
	position: relative;
	width: 950px;
	margin: 0 auto;
}

#logoSeesaa {
	display: block;
	float: left;
	margin-top: 10px;
	text-indent: -9999px;
}

#logoSeesaa {
	width: 101px;
	height: 23px;
	background: url("/img/account/logo_seesaa.jpg") no-repeat;
}

#headerAd {
	position: absolute;
	top: 20px;
	right: 0;
	width: 468px;
	height: 60px;
	background: #CCC;
}

#header h1 {
	float: left;
}

#header nav {
	float: right;
	margin-top: -4px;
}

#header nav li {
	float: left;
	margin-left: 25px;
	padding-left: 6px;
	background: url("/img/account/ico_arrow_green.png") 0 6px no-repeat;
	font-size: 77%;
}

#header nav li a:link,
#header nav li a:visited {
	text-decoration: none;
}


/* container
------------------------------------------------*/
#wrap {
	clear: both;
	margin-bottom: 1px;
	padding: 10px 0 20px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

#container {
	width: 928px;
	margin: 0 auto;
	padding: 12px 10px;
	border: 1px solid #0b5282;
	background: #0a5282;
	background-image: -moz-linear-gradient(top, #4d80a4 0%, #0b5282 50%);
	background-image: -webkit-linear-gradient(top, #4d80a4 0%, #0b5282 50%);
	background-image: -ms-linear-gradient(top, #4d80a4 0%, #0b5282 50%);
	background-image: linear-gradient(top, #4d80a4 0%, #0b5282 50%);
	background-image: -o-linear-gradient(top, #4d80a4 0%, #0b5282 50%);
	background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%,#4d80a4), color-stop(50%,#0b5282));
	border-radius: 12px;
	color: #444;
}

#container > .inner {
	padding: 15px 10px 20px;
	border-radius: 6px;
	background: #FFF;
}


/* topicsPath
------------------------------------------------*/
#topicsPath {
	width: 950px;
	margin: 0 auto 8px;
	font-size: 77%;
	color: #666;
}


/* prArea
------------------------------------------------*/
#prArea {
	width: 928px;
	margin: 20px auto 0;
	padding: 10px 10px 0;
	background: #FFF;
	border: 1px solid #E0E0E0;
	border-radius: 6px;
	color: #666;
}

#prArea h1 {
	width: 20px;
	margin-bottom: 10px;
	padding: 4px 10px;
	border-radius: 8px;
	color: #FFF;
	background: #8A8A8A;
	font-weight: 400;
}

#prArea dl {
	margin-bottom: 1em;
}

#prArea dt {
	font-weight: 700;
	margin-bottom: 3px;
}

#prArea dd {
	font-size: 85%;
}


/* footer
------------------------------------------------*/
#footer {
	padding: 30px 0 0;
	background: #FFF;
}

#footer > .inner {
	width: 950px;
	margin: 0 auto;
}

#footer a:link,
#footer a:visited {
	color: #666;	
}

#footer h1 {
	font-size: 123.1%;
	font-weight: 400;
	color: #666;
	padding-bottom: 10px;
	border-bottom: 2px solid #DEDEDE;
}

#footerInfo {
	float: left;
	width: 365px;
	margin-right: 30px;
}

#footerLink {
	float: left;
	width: 165px;
	margin-right: 30px;
}

#footerHelp {
	float: left;
	width: 360px;
}

#footerInfo li,
#footerLink li,
#footerHelp li {
	list-style: none;
	padding: 8px 0;
	border-bottom: 1px dotted #DEDEDE;
	font-size: 85%;
}

#footer .more {
	float: right;
	margin-top: 8px;
	padding-left: 8px;
	font-size: 85%;
	background: url("/img/account/ico_footer_arrow.png") 0 3px no-repeat;
}

#copyright {
	clear: both;
	float: left;
	margin-top: 40px;
	font-size: 77%;
}

#companyAbout {
	float: right;
	margin-top: 40px;
}

#companyAbout li {
	float: left;
	font-size: 77%;
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px solid #d1d1d1;
}

#companyAbout li a:link,
#companyAbout li a:visited {
	color: #2CA9E1;
}

#serviceLinks {
	clear: both;
	width: 900px;
	margin: 20px auto 0;
	padding: 15px 30px 10px;
	text-align:center;
	background: #F6F6F6;
}

#serviceLinks li {
	float:left;
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px solid #D1D1D1;
	list-style: none;
	font-size: 77%;
}

#companyAbout li:last-child,
#serviceLinks li:last-child {
	margin: 0;
	padding: 0;
	border: none;
}


/* container
------------------------------------------------*/
#container > .inner > h2,
#container section h2 {
	font-size: 123.1%;
	font-weight: 400;
	color: #444;
	padding-bottom: 10px;
}

#container section {
	clear: both;
	margin-bottom: 1em;
	padding: 15px 10px 10px;
	background: #F6F6F6;
}

#container #memberInfo {
	background: #BACEDC;
}

#container #memberInfo h2 {
	color: #FFF;
	font-size: 138.5%;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}


/* home
------------------------------------------------*/
#content.home section li {
	float: left;
	width: 405px;
	margin: 0 12px 12px 0;
	padding: 12px 10px 10px;
	border: 1px solid #E5E5E5;
	background: #FFF;
}

#content.home section li:nth-child(even) {
	margin-right: 0;
}

#content.home section li a {
	display: inline-block;
	padding-left: 8px;
	background: url("/img/account/ico_arrow_blue.png") 0 6px no-repeat;
}


/* form
------------------------------------------------*/
#content {
	clear: both;
	padding: 10px;
	border: 1px solid #E5E5E5;
	background: #FFF;
}

.inputForm {
	background: #F6F6F6;
	padding: 15px 15px 9px;
}

#content dl {
	clear: both;
	margin-bottom: 6px;
	background: #FFF;
	border: 1px solid #E6E6E6;
}

#content dt {
	float: left;
	min-width: 150px;
	padding: 14px 10px 10px 10px;
	font-weight: 700;
}

#content dd {
	float: left;
	margin-right: 5px;
	padding: 14px 10px 10px;
	border-left: 1px dotted #E6E6E6;
}

#content dd li {
	float: left;
	margin-right: 14px;
}

#content  input[type="text"],
#content  input[type="password"],
#content textarea {
	width: 250px;
	margin-top: -4px;
	padding: 5px 5px 4px;
	border: 1px solid #CCC;
	color: #444;
	border-radius: 4px;
}

#content select  {
	margin-top: -4px;
	padding: 3px 2px;
	border: 1px solid #CCC;
	color: #444;
	border-radius: 4px;
}

#content input[type="password"]:focus,
#content input[type="text"]:focus,
#content textarea:focus,
#content select:focus  {
	border-color: rgba(82,168,236,0.7);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 6px rgba(82,168,236,.5);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 6px rgba(82,168,236,.5);
	box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 6px rgba(82,168,236,.5);
}

#content textarea {
	width: 400px;
	height: 100px;
}

#content input[type="radio"] {
	margin: 0 3px 3px 0;
}

#content input[type="password"],
.imeDisable {
	ime-mode: disabled;
}

.imeActive {
	ime-mode: active;
}

.checkAgree {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.submitButton {
	margin: 10px 0;
	font-size: 93%;
	text-align: center;
}

.submitButton input[type="submit"] {
	margin-top: 8px;
	padding: 8px 20px;
	border: 1px solid #1C79A9;
	color: #FFFFFF;
	font-weight: 700;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-radius: 6px;
	background: #258FCD;
	background: -ms-linear-gradient(top, #258FCD 0%, #2787B7 100%);
	background: -moz-linear-gradient(top, #258FCD 0%, #2787B7 100%);
	background: -o-linear-gradient(top, #258FCD 0%, #2787B7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #258FCD), color-stop(1, #2787B7));
	background: -webkit-linear-gradient(top, #258FCD 0%, #2787B7 100%);
	background: linear-gradient(top, #258FCD 0%, #2787B7 100%);
	cursor: pointer;
}

.submitButton input[type="submit"]:hover {
	background: #529FC5;
	background: -ms-linear-gradient(top, #51A5D7 0%, #529FC5 100%);
	background: -moz-linear-gradient(top, #51A5D7 0%, #529FC5 100%);
	background: -o-linear-gradient(top, #51A5D7 0%, #529FC5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #51A5D7), color-stop(1, #529FC5));
	background: -webkit-linear-gradient(top, #51A5D7 0%, #529FC5 100%);
	background: linear-gradient(top, #51A5D7 0%, #529FC5 100%);
}

.submitButton input[type="submit"][disabled]{
	margin-top: 8px;
	padding: 8px 20px;
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
	font-weight: 700;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-radius: 6px;
	background: #CCCCCC;
	background: -ms-linear-gradient(top, #CCCCCC 0%, #CCCCCC 100%);
	background: -moz-linear-gradient(top, #CCCCCC 0%, #CCCCCC 100%);
	background: -o-linear-gradient(top, #CCCCCC 0%, #CCCCCC 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CCCCCC), color-stop(1, #CCCCCC));
	background: -webkit-linear-gradient(top, #CCCCCC 0%, #CCCCCC 100%);
	background: linear-gradient(top, #CCCCCC 0%, #CCCCCC 100%);
	cursor: pointer;
}


/* memberInfo
------------------------------------------------*/
#content.home #memberInfo li:first-child a {
	display: inline;
	background: none;
	padding: 0;
	
}

.blogLink {
	margin-top: 20px;
}

.mailError {
	margin-top: 5em;
	color: #0b5282;
}


/* sub_accountDelete
------------------------------------------------*/
.pwReissue,
.infoTxt {
	margin-top: 5px;
	font-size: 85%;
	color: #777;
	line-height: 1.5em;
}

#content.delete dd li {
	float: none;
	margin: 0 0 3px 0;
}

.reasonTxtArea {
	margin-top: 10px;	
}

.reasonTxtArea textarea {
	margin-top: 0;
}


/* menberEdit
------------------------------------------------*/
.selectInterest {
	margin-top: -4px;
	width: 655px;
	font-size: 85%;
}

.selectInterest label {
	display: block;
	float: left;
	margin: 0 10px 8px 0;
}


/* peyment
------------------------------------------------*/
.accountName {
	color: #F44;
	margin-left: 5px;
	font-size: 85%;
}

.paymentInfo,
.welcomeInfo,
.delInfo {
	clear: both;
	margin-bottom: 3em;
}

.delInfo {
	margin-top: 2em;
}

.paymentInfo h3,
.welcomeInfo h3,
.delInfo h3 {
	display: block;
	margin-bottom: 5px;
	color: #0b5282;
}

.paymentInfo li,
.delInfo li {
	margin: 0 0 3px 1em;
	text-indent: -1em;
	font-size: 93%;
}

.paymentInfo span.ex {
	display: block;
	width: 200px;
	margin-bottom: 1em;
	padding: 5px 10px;
	border: 1px solid #DDD;
	background: #F5F5F5;
	text-indent: 0;
	font-size: 85%;
}

.feeList {
	float: left;
	margin: 20px 20px 3em 0;
}

.feeList th,
.feeList td {
	padding: 6px 12px;
	vertical-align: middle;
	border: 1px solid #77C0D4;
	background: #F9FEFF;
}

.feeList th {
	background: #77C0D4;
	color: #FFF;
	font-weight: 700;
}

.feeList h3 {
	color: #0b5282;
}

.inputMethod {
	margin-top: 5px;
	text-indent: 0;
	line-height: 1.4em;
}

.inputMethod table {
	margin-bottom: 1em;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

.inputMethod th,
.inputMethod td {
	padding: 6px 12px;
	border-bottom: 1px solid #CCC;
}

.inputMethod th:nth-child(2n),
.inputMethod td:nth-child(2n) {
	border-right: 1px solid #CCC;
}

.inputMethod th:nth-child(odd),
.inputMethod td:nth-child(odd) {
	border-right: 1px dotted #DFDFDF;
}

.inputMethod th {
	background: #EEE;
}


/* sub_peyment(histroy)
------------------------------------------------*/
.paymentList {
	width: 100%;
	margin: 3px 0 10px;
	border-top: 1px solid #BCE8F1;
	border-left: 1px solid #BCE8F1;
}

.paymentList th,
.paymentList td {
	padding: 6px 8px;
}

.paymentList th {
	border-right: 1px solid #BCE8F1;
	border-bottom: 1px solid #BCE8F1;
	background: #d9edf7;
	color: #3A87AD;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

.paymentList td {
	border-right: 1px solid #BCE8F1;
	border-bottom: 1px solid #BCE8F1;
	font-size: 93%;
}

.paymentList tr:nth-child(2n) {
	background: #F2F9F9;
}

.paymentList td:last-child {
	text-align: right;
}

.selectStart,
.selectEnd {
	float: left;
	margin-right: 15px;
	font-size: 93%;
}

.paymentList td.nodata {
	text-align: left;
}

.pager {
	text-align: center;
}

.totelResult {
	margin-top: 40px;
	text-align: right;
}

.totalPrice {
	text-align: right;
	font-weight: 700;
}

.csvDlButton {
	float: left;
	margin: 20px 0 5px;
}

.csvDlButton input {
	padding: 6px;
	border: 1px solid #CCC;
	border-radius: 4px;
	color: #666;
	background: #E5E5E5;
	background: -ms-linear-gradient(top, #FAFAFA 0%, #E5E5E5 100%);
	background: -moz-linear-gradient(top, #FAFAFA 0%, #E5E5E5 100%);
	background: -o-linear-gradient(top, #FAFAFA 0%, #E5E5E5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FAFAFA), color-stop(1, #E5E5E5));
	background: -webkit-linear-gradient(top, #FAFAFA 0%, #E5E5E5 100%);
	background: linear-gradient(top, #FAFAFA 0%, #E5E5E5 100%);
	text-shadow: 0 1px 0 rgba(255,255,255,0.75);
	font-size: 77%;
	font-weight: 700;
	cursor: pointer;
}

.csvDlButton input:hover {
	background: #F0F0F0;
	background: -ms-linear-gradient(top, #FCFCFC 0%, #F0F0F0 100%);
	background: -moz-linear-gradient(top, #FCFCFC 0%, #F0F0F0 100%);
	background: -o-linear-gradient(top, #FCFCFC 0%, #F0F0F0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FCFCFC), color-stop(1, #F0F0F0));
	background: -webkit-linear-gradient(top, #FCFCFC 0%, #F0F0F0 100%);
	background: linear-gradient(top, #FCFCFC 0%, #F0F0F0 100%);
}


/* sub_peyment(deposit)
------------------------------------------------*/
.availableBalance h3,
.transfer h3 {
	padding: 6px 8px;
	background: #D9EDF7;
	border: 1px solid #BCE8F1;
	color: #3A87AD;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

.availableBalance {
	margin-bottom: 2em;
}

.availableBalance table,
.transfer table {
	width: 100%;
	border-left: 1px solid #BCE8F1;
	font-size: 93%;
}

.availableBalance td,
.transfer td {
	padding: 6px 8px;
	border-right: 1px solid #BCE8F1;
	border-bottom: 1px solid #BCE8F1;
}

.availableBalance td:last-child,
.transfer td:last-child {
	text-align: right;
}

.availableBalance table .info,
.transfer table .info {
	font-weight: 700;
	color: #F44;
}

.jnbLink {
	margin-top: 3em;
	font-size: 93%;
}



/* sub_affiliate
------------------------------------------------*/
#content.affiliate .submitButton {
	margin: 0 0 40px;
}

.affiLink {
	margin-top: 2em;
	font-size: 93%;
}

.affiLink li {
	float: left;
	margin-right: 20px;
}


/* accountReg
------------------------------------------------*/
#content.accountReg section {
	margin-bottom: 3em;
	padding: 15px 15px 20px;
	background: #F6F6F6;
}

.accountReg h3 {
	margin-bottom: 8px;
	font-size: 108%;
}

#content.accountReg input#birthday_year, 
#content.accountReg input#birthday_month,
#content.accountReg input#birthday_mday {
	width: 30px;
	margin-right: 3px;
	text-align: right;
	ime-mode: disabled;
}

#content.accountReg input#birthday_year,
#content.accountReg input#captcha_answer {
	width: 60px;
}

.requireInfo {
	float: right;
	margin-bottom: 2px;
}

.required {
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	margin-right: 4px;
	padding-top: 3px;
	text-indent: -9999px;
	background: url("/img/account/ico_necessary.png") 0 3px  no-repeat;
}

.userDataInfo {
	border: 1px solid #D0D0D0;
	padding: 10px;
}


/* information
------------------------------------------------*/
.information,
.alert,
.error,
.finished {
	margin-bottom: 1em;
	padding: 8px 14px;	
	border-radius: 4px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.error p{
	font-size: 93%;
	line-height: 1.4em;
}

.information {
	background: #D9EDF7;
	border: 1px solid #BCE8F1;
	color: #3A87AD;
}

.alert {
	background: #FCF8E3;
	border: 1px solid #FBEED5;
	color: #C09853 !important;
}

.error {
	background: #F2DEDE;
	border: 1px solid #EED3D7;
	color: #B94A48 !important;
}

.finished {
	background: #DFF0D8;
	border: 1px solid #D6E9C6;
	color: #468847 !important;
}

.paymentInfo .caution,
.finished .caution {
	color: #F00;
}


/* etc
------------------------------------------------*/
.shop-top {
	background-image:url(img/top/shop_bg.gif);
	background-repeat:no-repeat;
	background-position:top;
}


/* clearfix
------------------------------------------------*/
#header:after,
#wrap:after,
#content:after,
#footer:after,
#memberInfo:after,
#affiliate:after,
#accountInfo:after,
#content dl:after,
#content dd:after,
#payment:after,
#companyInfo:after,
#serviceLinks:after,
.information:after,
.alert:after,
.error:after,
.finished:after,
.selectInterest:after,
.clearfix:after {
    content: ""; 
    display: block; 
    clear: both;
    overflow: hidden;
}