@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Questrial|Ubuntu+Mono|Paytone+One|Amatic+SC|Jura|Changa+One|Comfortaa|Actor|Jockey+One|Dorsa|Shanti|Spinnaker|Allerta|Geo|Orbitron|Six+Caps|Raleway:100);

*{margin:0; padding:0; list-style:none; word-break: break-all;}

#cssChange{font-size:30px!important; padding:15px 0; line-height:12px; margin:0;}
#cssChange{display:inline-block; margin:0; float:left;}

a,input[type=submit],img{
	-webkit-transition-property:background,background-image,width,height,text-shadow,box-shadow,color,img;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease;
	-webkit-transition-delay: 0s;
	-moz-transition-property:background,background-image,width,height,text-shadow,box-shadow,color,img;
	-moz-transition-duration: 0.5s;
	-moz-transition-timing-function: ease;
	-moz-transition-delay: 0s;
}
a:hover img {
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    opacity: 0.65;
}

a:active img {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
    box-shadow: 0 0 6px #FF66CC;
}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display:block;
}

html {
    overflow-y: scroll;
}

body {
    font-size:12px;
    text-align:left;
    font-family:"Lucida Grande","DejaVu Sans","Bitstream Vera Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,Verdana,"ＭＳ Ｐゴシック","MS PGothic","VL Pゴシック","Takao Pゴシック","IPA Pゴシック",sans-serif;
     src: url('../font/Hiragino-Kaku Gothic-Pro.otf') format('opentype');
}

img{border:0;}
a{text-decoration:none; color:#0066aa;}
h1,h2{font-size:13px;}
/*h1,h2,h3,h4,h5,h6{font-family: メイリオ, meiryo, Arial, Helvetica;}*/

.floatLeft{float:left;}
.floatRight{float:right;}
.error{line-height:1.5;color:red; padding:10px; margin:10px 0;}

::-moz-selection {
	background: #1a358c;
	color: #ffffff;
	text-shadow: none;
}
::selection {
	background: #1a358c;
	color: #ffffff;
	text-shadow: none;
}

::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999999!important;}


/*==============================================
ヘッダー
==============================================*/
header {
    display: block;
    background: url() repeat #fff!important;
}

header .ue {
    width: 100%;
    height: 50px;
    color: #fff;
    text-align: right;
    background:url(/userfiles/images/head_bg.jpg) repeat-x #2d2d2d;
}

header .ue02 {
    width: 96%;
    margin: 0 auto;
}

header .ue02 img{
    width: 200px;
    margin-top: 1%;
}

header p.hghg {
    float: left;
    width: 65%;
    text-align: left;
    padding-top: 2.5%;
}

header hgroup {
    display: block;
    width: 98%;
    height: 120px;
    margin:0 auto;
}

header h1 {
    display: block;
    float: left;
    width: 230px;
    height: 70px;
    margin-top: 25px;
}

header h1 a {
    display: block;
    width: 230px;
    height: 70px;
    text-indent: -9999px;
    background: url(/userfiles/images/logo_01.png) no-repeat;
    background-size: 100%;
}

header h2 {
    display: block;
    float: right;
    width: 471px;
    height: 95px;
    padding: 5px;
    border-bottom: 0;
    margin: 1% auto 0;
    background: url(/userfiles/images/head_tel.png) no-repeat;
}

header h2 a {
    display: block;
    margin: 12px 0 0 357px;
}

header h1 a:hover, header h2 a:hover {
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    opacity: 0.65;
}

header h1 a:active, header h2 a:active {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
}

/*ナビゲーションバー*/
#navigation {
    width: 100%;
    border-top: 2px solid #e1d7d2;
    border-bottom: 1px solid #e1d7d2;
    margin: 0 auto;
    overflow: hidden;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 1) 50%, rgba(252, 230, 218, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 45%,rgba(255, 255, 255, 1) 50%,rgba(252, 230, 218, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 45%,rgba(255, 255, 255, 1) 50%,rgba(252, 230, 218, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffebd7',GradientType=0 ); /* IE6-9 */
}

#navigation ul {
    width: 770px;
    margin: 0 auto;
}

#navigation ul.mae {
    width: 641px;
}

#navigation li {
    float: left;
    line-height: 1.2;
    font-size: 15px;
    border-left: 1px dotted #adabab;
}

#navigation li:last-child {
    border-right: 1px dotted #adabab;
}

#navigation li a {
    position: relative;
    display: block;
    width: 127px;
    color: #666;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px #fff;
    vertical-align: middle;
    padding: 42px 0 7px;
    overflow: hidden;
    transition: background 0.3s ease-out , color 0.3s ease-out;
    -moz-transition: background 0.3s ease-out , color 0.3s ease-out;
    -webkit-transition: background 0.3s ease-out , color 0.3s ease-out;
    -ms-transition: background 0.3s ease-out , color 0.3s ease-out;
}

#navigation li a img {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 7px;
    left: 50%;
    margin-left: -16px;
}

#navigation li a:active {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 45%, rgba(252, 230, 218, 1) 96%, rgba(235, 85, 10, 1) 96%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 45%,rgba(252, 230, 218, 1) 96%,rgba(235, 85, 10, 1) 96%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 45%,rgba(252, 230, 218, 1) 96%,rgba(235, 85, 10, 1) 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eb550a',GradientType=0 ); /* IE6-9 */
}

/*サイドバー*/
div#rightContents {
    display: none;
    width: 0;
    float: none;
} 

/*==============================================
フッター
==============================================*/
#footer {
    width: 100%;
}

#foot_menu {
    width: 96%;
    height: 220px;
    margin: 25px auto;
}

#footer div.ftxt {
    width: 96%;
    margin: 0 auto;
}

#footer p.cyuihonbun {
    width: 96%;
    margin: 0 auto;
}
.copy {
    width: 100%;
    margin: 0 auto;
}

/*==============================================
共通アイコン（16px）
==============================================*/
/*共通*/
.icons{display:inline-block;width:16px;height:16px; text-indent:-9999px; overflow:hidden; vertical-align:middle; }
/*メール*/
.icn_01{background:url(/userfiles/images/icons16.gif) no-repeat 0 0;}
.icn_02{background:url(/userfiles/images/icons16.gif) no-repeat -16px 0;}
.icn_03{background:url(/userfiles/images/icons16.gif) no-repeat -32px 0;}
.icn_04{background:url(/userfiles/images/icons16.gif) no-repeat -48px 0;}
.icn_05{background:url(/userfiles/images/icons16.gif) no-repeat -64px 0;}
.icn_06{background:url(/userfiles/images/icons16.gif) no-repeat -80px 0;}
.icn_07{background:url(/userfiles/images/icons16.gif) no-repeat -96px 0;vertical-align:top;margin-right:3px;}
.icn_08{background:url(/userfiles/images/icons16.gif) no-repeat -112px 0;vertical-align:top; margin-right:3px;}

.icn_100{background:url(/userfiles/images/icons16.gif) no-repeat -128px 0; margin-right:5px;vertical-align:top;}
.icn_101{background:url(/userfiles/images/icons16.gif) no-repeat -144px 0; margin-right:5px;vertical-align:top;}
.icn_102{background:url(/userfiles/images/icons16.gif) no-repeat -160px 0; margin-right:5px;vertical-align:top;}
.icn_103{background:url(/userfiles/images/icons16.gif) no-repeat -176px 0; margin-right:5px;vertical-align:top;}
.icn_104{background:url(/userfiles/images/icons16.gif) no-repeat -192px 0; margin-right:5px;vertical-align:top;}
.icn_105{background:url(/userfiles/images/icons16.gif) no-repeat -208px 0; margin-right:5px;vertical-align:top;}

.icn_500{background:url(/userfiles/images/icons16.gif) no-repeat -224px 0; margin-right:5px;vertical-align:top;}
.icn_501{background:url(/userfiles/images/icons16.gif) no-repeat -240px 0; margin-right:5px;vertical-align:top;}
.icn_502{background:url(/userfiles/images/icons16.gif) no-repeat -256px 0; margin-right:5px;vertical-align:top;}
.icn_503{background:url(/userfiles/images/icons16.gif) no-repeat -272px 0; margin-right:5px;vertical-align:top;}
.icn_504{background:url(/userfiles/images/icons16.gif) no-repeat -288px 0; margin-right:5px;vertical-align:top;}
.icn_505{background:url(/userfiles/images/icons16.gif) no-repeat -304px 0; margin-right:5px;vertical-align:top;}

.icn_09{background:url(/userfiles/images/icons16.gif) no-repeat -320px 0;vertical-align:top; margin-right:3px;}
.icn_10{background:url(/userfiles/images/icons16.gif) no-repeat -336px 0;vertical-align:top; margin-right:3px;}
.icn_11{background:url(/userfiles/images/icons16.gif) no-repeat -352px 0;vertical-align:top; margin-right:3px;}
.icn_12{background:url(/userfiles/images/icons16.gif) no-repeat -368px 0;vertical-align:top; margin-right:3px;}

.icn_13{background:url(/userfiles/images/icons16.gif) no-repeat -384px 0;vertical-align:top; margin-right:3px;}
.icn_14{background:url(/userfiles/images/icons16.gif) no-repeat -400px 0;vertical-align:top; margin-right:3px;}

.icn_15{background:url(/userfiles/images/icons16.gif) no-repeat -416px 0;vertical-align:top; margin-right:0;}
.icn_16{background:url(/userfiles/images/icons16.gif) no-repeat -432px 0;vertical-align:top; margin-right:0;}

.icn_17{background:url(/userfiles/images/icons16.gif) no-repeat -448px 0;vertical-align:top; margin-right:3px;}
.icn_18{background:url(/userfiles/images/icons16.gif) no-repeat -464px 0;vertical-align:top; margin-right:3px;}
.icn_19{background:url(/userfiles/images/icons16.gif) no-repeat -480px 0;vertical-align:top; margin-right:3px;}
.icn_20{background:url(/userfiles/images/icons16.gif) no-repeat -496px 0;vertical-align:top; margin-right:3px;}

/*==============================================
メイン
==============================================*/
#main {
    width: 770px;
    font-size: 14px;
    text-align: left;
    margin: 7% auto;
    overflow: hidden;
}

#main a:hover {
    text-decoration: underline;
}

#centerContents {
    float: none;
    width: 740px;
    margin: 0 auto;
}

#main h1{
    color: #FFF;
    font-size: 25px;
    font-weight: normal;
    text-align: left;
    line-height: 1;
    padding: .5em 1em;
    border-bottom: 2px solid #8bc501;
    margin: 0;
    background: #333;
}

#main h1.mb20 {
    margin-bottom: 20px;
}


/*==============================================
ログインフォーム
==============================================*/
#login {
    width: 750px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 0 auto;
}

#login h2{
    width: 100%;
    color: #FFF;
    font-size: 21px;
    text-align: center;
    line-height: 1;
    padding: .3em 0 .4em;
    border-bottom: 3px solid #eb5505;
    margin: 0;
    background: -webkit-linear-gradient(top, rgb(45, 45, 45) 0%, rgb(45, 45, 45) 100%);
    background: linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
    background: -o-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
    background: -moz-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
    background: -ms-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
    -pie-background: linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f0f0f0', GradientType=0);
}

#login form {
    width: 94%;
    margin: 2em auto;
}

#login table {
    clear: both;
    width: 92%;
    padding: 1em 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 0 auto 2em;
    background: #EFEFEF center;
    overflow: hidden;
}

#login th, #login td {
    color: #1e4892;
    font-size: 15px;
    padding: 1em 2em 1em 1em;
}

#login th {
    width: 8em;
    text-align: right;
    padding: 1em 1em 1em 2em;
}

#login input[type=text], #login input[type=password] {
    position: relative;
    width: 94%;
    font-size: 15px;
    padding: 3%;
    border: 1px solid #a7b4c0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f0f4f5), to(#fff));
    background: -moz-linear-gradient(#f0f4f5, #fff);
    -pie-background: linear-gradient(#f0f4f5, #fff);
    filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#f0f4f5', endColorstr='#ffffff', GradientType=0);
}

#login .btn_submit {
    text-align: center;
}

#login form p{
    padding: 10px 20px;
    border-left: 10px solid #EFEFEF;
    margin: 15px 15px 15px 0;
}

#login form p.lostPass {
    text-align: center;
    padding-top: 1em;
    border: none;
    border-top: 1px dotted #CCC;
    margin: 0;
}

#login form div{border-bottom:dotted 1px #CCC; margin:15px;}


/* --- ログインはこちら＆会員様情報 --- */
#tablet {
    font-size: 15px;
    border: 1px solid #999;
    margin-bottom: 25px;
    overflow: hidden;
}

.login {
    background: #2d2d2d;
}

#uetop {
    clear: both;
    padding: 0 19px;
}

.uelogin01 {
    float: left;
    margin-right: auto;
    margin-bottom: 1em;
}

.uelogin02 {
    float: right;
    margin: 15px auto;
}

.lostPass02 {
    clear: both;
    text-align: center;
    margin-bottom: 1em;
}

.lostPass02 a {
    color: #fc0;
}

.profile {
    padding: 1em 1.5em;
}

.member {
    margin-bottom: 1em;
}

.member ul {
    width: 100%;
}

.member li.item-name {
    float: left;
    color: #636262;
    font-weight: bold;
    padding: .5em 1em;
}

.member li.item-user {
    color: #636262;
    font-weight: bold;
    padding: .5em 1em;
    margin-left: 361px;
}

.profile li.item-body-name {
    float: left;
    width: 296px;
    color: #636363;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    padding: .5em 1em;
    border-right
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: .5em;
    background: #d8f275;
}

.profile li.item-body-user {
    float: right;
    width: 296px;
    color: #636363;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    padding: .5em 1em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: .5em;
    background: #d8f275;
}

.member .address {
    clear: both;
    width: 100%;
}

.member li.item-address {
    color: #636262;
    font-weight: bold;
    padding: .5em 1em;
}

.profile li.item-body-address {
    color: #636363;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    padding: .5em 1em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: .5em;
    background: #d8f275;
}

.kaijou {
    text-align: center;
    margin-bottom: 1em;
}

.henkou{
    text-align: center;
}


#pagenation{color:#333; text-align:center; padding-bottom:10px; font-size:12px;}



/*paging*/
.paging{
	margin:10px auto;
	width:auto;
	font-size:13px;
	font-family: "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Verdana, "ＭＳ Ｐゴシック", "MS PGothic", "VL Pゴシック", "Takao Pゴシック", "IPA Pゴシック", sans-serif !important;
	font-weight:bold;
	text-align:center;
}

#pagenation span,#pagenation a:active{
	padding:7px 9px!important;
	border:1px solid #cccccc;
	margin:0 1px;
	text-decoration:none;
	display:inline-block;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	text-shadow:0 1px 1px #FFFFFF;
	box-shadow:0 1px 3px #bebebe inset!important;
	background: #eeeeee;
	background: #dddddd;
	background: -moz-linear-gradient(top, #dddddd 0%, #e0e0e0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#e0e0e0));
	background: -webkit-linear-gradient(top, #dddddd 0%,#e0e0e0 100%);
	background: -o-linear-gradient(top, #dddddd 0%,#e0e0e0 100%);
	background: -ms-linear-gradient(top, #dddddd 0%,#e0e0e0 100%);
	background: linear-gradient(top, #dddddd 0%,#e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#e0e0e0',GradientType=0 );
}

#pagenation a{
	padding:7px 9px!important;
	border:1px solid #e5e5e5;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	text-shadow:0 1px 1px #FFFFFF;
	margin:0 1px;
	text-decoration:none;
	color:#555555;
	display:inline-block;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
}

#pagenation a:hover{
	border:1px solid #cccccc;
	padding:1px;
	margin:0 1px;
	text-decoration:none;
	box-shadow:0 1px 2px #ccc;
}
.paging .current{
	border:1px solid #999999;
	background:#CCC;
	padding:1px;
	margin:0 1px;
	text-decoration:none;
	color:#fff;
}


/*============================================================================================
----------------------------------------------------------------------------------------------
ログイン前TOPページ
----------------------------------------------------------------------------------------------
============================================================================================*/
#topimg{
    width: 96%;
    padding: 2%;
    margin: 0 auto;
    background: #e3e3e3;
}

#toparea {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    background: url() no-repeat top center;
}
 
div#toparea img {
    width: 100%;
    height: auto;
    padding: 0;
}	

#sup {
    width: 650px;
    margin: 0 auto;
}

/*---登録フォーム--*/
.secti02 {
    display: block;
    width: 670px;
    height: 339px;
    text-align: center;
    padding: 174px 35px 10px;
    margin-bottom: 25px;
    background: url(/userfiles/images/entry_bg.png) no-repeat;
}

.secti02 form{
    margin: 0;
}

.secti02 input[type="text"] {
    width: 95%;
    padding: 2% 2.5%;
    font-size: 25px;
}

.fl {
    padding: 1em 1em .5em;
}

p.reg_form_content {
    width: 97%;
    color: #333;
    font-weight: bold;
    line-height: 1.3;
    text-align: justify;
    text-justify: inter-ideograph; 
    text-indent: -1.5em;
    padding-left: 1.5em;
    margin-bottom: .4em;
}

.secti02 input[type="checkbox"] {
    width: 17px;
    height: 17px;
    margin-top: -3px;
}

/* サポート */
#support {
    border: 1px solid #e3e3e3;
}

#support img {
    width: 100%;
}

.supmail {
    width: 445px;
    height: 74px;
    background: url(/userfiles/images/support_mail.jpg) no-repeat;
    padding: 50px 0 11px 295px;
}

.supmail a {
    display: block;
    width: 424px;
    height: 74px;
    text-indent: -10000px;
    background: url(/userfiles/images/support_btn.jpg) no-repeat;
}


/*==============================================
ログイン後　TOP
==============================================*/
/* news */
#news iframe {
    width: 740px;
    height: 350px;
    padding: 0;
    border: 1px solid #ccc;
    margin-top: -1px;
}

#newss {
    width: 648px;
    margin: 0 auto;
}

#newss .news {
    width: 96%;
    text-align: justify;
    text-justify: inter-ideograph; 
    padding: 0 1em 10px;
    border-bottom: 2px solid #8bc501;
    margin-bottom: 20px;
}


/*==============================================
よくある質問
==============================================*/
.question1 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 20px;
}

#pages1 {
    width: 700px;
    line-height: 1.5;
    text-align: justify;
    text-justify: inter-ideograph; 
    padding: 20px 20px 0;
    margin-bottom: 10px;
    background:  #f3efef;
}

ol.qa {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

ol.qa dl {
    font-size: 17px;
    list-style-type: none;
    padding: 12px 15px 7px 15px;
    border-top:3px solid #8bc501;
    border-bottom:3px solid #8bc501;
    margin: 0 20px 20px;
    background:#fff;
}

/* --- Questionエリア --- */
ol.qa dt {
    font-weight: bold;
    padding: 2px 0 15px 50px;
    background: url("/userfiles/images/question.png") no-repeat; /* Questionエリアの背景 */
}

/* --- Answerエリア --- */
ol.qa dd {
    padding: 10px 0 15px 50px;
    margin: 0;
    background:url("/userfiles/images/answer.png") no-repeat 0 7px; /* Answerエリアの背景 */
}


/*==============================================
利用規約
==============================================*/
#pagesTop {
    width: 740px;
    height: 48px;
    border-bottom: 2px solid #eb5505;
    background: #333;
    margin: 0 auto 20px;
}

#pagesTop h2 {
    width: 680px;
    color:#fff;
    font-size: 26px;
    padding: 10px 30px;
    margin: 0 auto;
}

#pages {
    float: left;
    width: 700px;
    line-height: 1.8;
    text-align: justify;
    text-justify: inter-ideograph;
    padding: 0 20px;
    margin: 0 aut;
}

#pages h2 {
    color: #333;
    font-size: 13px;
    padding: .5em .5em .6em 1em;
    border: 1px solid #CCC;
    margin-bottom: .75em;
}

#pages h3 {
    color: #EB5604;
    font-size: 14px;
    padding-bottom: 4px;
    border-bottom: 2px solid #EB5604;
    margin-bottom: 10px;
}

#pages p {
    line-height: 1.4;
    margin: 0 5px 20px;
}

#pages ol {
    margin: 0 5px 20px;
}

#pages ol li {
    list-style: decimal;
    line-height: 1.4;
    margin-left: 1.5em;
    margin-bottom: .5em;
}

#pages ol li ul li {
    list-style: upper-roman;
    margin-left: 2.1em;
    margin-bottom: .25em;
}


/*==============================================
「書面の電子交付サービス」
==============================================*/
.delivery {
    margin: 0 1em;
}

.delivery hr {
    clear: left;
    border: none;
    border-bottom: 1px dotted #CCC;
    margin: 0;
}

.delivery dl {
    margin-bottom: 3em;
}

.delivery dd {
    display: block;
    text-align: justify;
    text-justify: inter-ideograph; 
    line-height: 1.8;
    padding: 1em;
}


/*==============================================
お問合わせで使用
==============================================*/
#diary {
    width: 740px;
    font-size: 17px;
    margin: 0 auto;
}

#diary h4 {
    color: #0066aa;
    font-size: 14px;
    margin: 1em 1em 0;
}

#diary .write {
    margin: 20px 15px 25px;
}

#diary .write table {
    width: 100%;
}

#diary .write tr {
    border-top: 1px dotted #bfbfbf;
}

#diary .write tr:last-child {
    border-bottom: 1px dotted #bfbfbf;
}

#diary .write th, #diary .write td {
    line-height: 1.5;
    vertical-align: middle;
    padding: 1em 2em 1em 1em;
}

#diary .write th { 
    width: 11em;
    color: #333;
    background: #eee;
    padding: 1em 1em 1em 2em;
}

#diary .write th span {
    color: red;
    font-size: 13px;
}

#diary .write td input[type=text], #diary .write td input[type=password],#diary .write td textarea {
    width: 94%;
    font-size: 17px;
    padding: .5em 3%;
    border: 1px solid #999;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.buttonBox {
    text-align: center;
    margin: 20px auto 50px;
}

#diary .kihonjoho li {
    width: 55%;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    padding: .5em 0 .6em;
    border-radius: 25px;
    margin: 0 auto;
    background: #8bc501;
}

#diary .kihonjoho a {
    color: #fff;
    text-decoration: none;
}


/*日記を書く*/
#diary .write td label{vertical-align:middle; margin:5px 15px 5px 0; display:inline-block;}
#diary .write td .description{margin-top:2px; color:#999; font-size:11px;}
#diary .write td input[type=file]{margin-top:15px;}
#diary .write td input[type=file]:first-child{margin:0;}
#diary .write td label{text-align:center;}
#diary .write td label img{margin-bottom:2px;}
#diary .write td label input[type=checkbox]{border:1px solid #999; padding:5px;}
#diary .arrow{margin:0 auto; width:25px; font-size:25px; font-weight: bold; color:#8bc501;}
#diary .Mailreply{margin:0 auto; width:590px; background:#8bc501; font-size:17px; font-weight: bold; color:#fff; padding: 7px 15px 7px 15px; border-radius: 25px; text-align:center;}

a.registbutton{
	display:inline-block;
	border:1px solid #6C6;
	text-align:center!important;
	width:240px;
	padding:13px 0;
	font-weight:bold;
	letter-spacing:0px;
	font-size:15px;
	color:#FFF;
	box-shadow:0px 0px 2px #FFF inset;
	text-shadow:0 0 3px rgb(41,154,11);
	font-weight:bold;	
	background: rgb(158,226,106);
	background: -moz-linear-gradient(top, rgba(158,226,106,1) 0%, rgba(97,196,25,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(158,226,106,1)), color-stop(100%,rgba(97,196,25,1)));
	background: -webkit-linear-gradient(top, rgba(158,226,106,1) 0%,rgba(97,196,25,1) 100%);
	background: -o-linear-gradient(top, rgba(158,226,106,1) 0%,rgba(97,196,25,1) 100%);
	background: -ms-linear-gradient(top, rgba(158,226,106,1) 0%,rgba(97,196,25,1) 100%);
	background: linear-gradient(to bottom, rgba(158,226,106,1) 0%,rgba(97,196,25,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ee26a', endColorstr='#61c419',GradientType=0 );	
	border-radius: 3px;        /* CSS3草案 */
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
	/****kokoni itsuka htc wo***/
	position:relative;
}

a:hover.registbutton{
	border:1px solid rgb(41,154,11);
	box-shadow:0px 0px 3px #FFF inset,0px 0px 2px #FFF inset,0px 0px 2px #FFF inset,0px 0px 2px #FFF inset;
	text-decoration:none!important;
	background: rgb(143,200,0);
	background: -moz-linear-gradient(top, rgba(143,200,0,1) 0%, rgba(143,200,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,200,0,1)), color-stop(100%,rgba(143,200,0,1)));
	background: -webkit-linear-gradient(top, rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%);
	background: -o-linear-gradient(top, rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%);
	background: linear-gradient(to bottom, rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#8fc800',GradientType=0 );
}

#aboutesta{
	margin:20px 0 10px 0;
	width:240px;
	line-height:1.4em;
}


/*============================================================================================
----------------------------------------------------------------------------------------------
 js-disabled class - set image sizes so they all fit in the viewer
 ----------------------------------------------------------------------------------------------
============================================================================================*/
.js-disabled img {width:100px!important; height:100px!important; display:block; float:left; margin:0 5px!important; border-right:2px #FFFFFF solid;}
.wrapper{margin:0 5px;}
#outerContainer {width:980px; bottom:10px; height:112px; margin:auto;  position:absolute; float:left; background:#FFFFFF; z-index:7340709;}
#imageScroller {width:980px; height:112px; position:relative;}
#viewer {width:980px; height:92px; overflow:hidden; margin:auto; position:relative; top:10px;}
#imageScroller a:active, #imageScroller a:visited {color:#000000;}
#imageScroller a img {border:0;}
#controls {width:980px; height:47px; background:url(../images/controlsBG.png) no-repeat; position:absolute; top:4px; left:4px; z-index:10;}
#controls a {width:37px; height:35px; position:absolute; top:3px;}
#controls a:active, #controls a:visited {color:#0d0d0d;}
#title {color:#ffffff; font-family:arial; font-size:100%; font-weight:bold; width:100%; text-align:center; margin-top:10px;}
#rtl {background:url(../images/rtl.png) no-repeat; left:100px;}
#rtl:hover {background:url(../images/rtl_over.png) no-repeat; left:99px;}
#ltr {background:url(../images/ltr.png) no-repeat; right:100px;}
#ltr:hover {background:url(../images/ltr_over.png) no-repeat;}

table#about {width:100%; margin:15px auto;}
#about td{width:310px;}
#about td.ta01 h3{background:url(/userfiles/images/top_about01.jpg) no-repeat left top;}
#about td.ta02 h3{background:url(/userfiles/images/top_about02.jpg) no-repeat left top;}
#about td.ta03 h3{background:url(/userfiles/images/top_about03.jpg) no-repeat left top;}
#about td:nth-child(2){
	width:320px;
	padding:0 15px;
}
#about p{
	color:#666666;
	font-size:12px;
	line-height:15px;
	letter-spacing:0;
}
#about h3{
	padding:140px 0 5px 0;
	margin:0 0 5px 0;
	color:#036;
	font-size: 10px!important; text-indent: -10000px!important;
}
.resetPass{
	color:#ff3333;
	font-size: 13px;
}
.over18{
	color:#F00;
	padding:5px 0;
	font-size: 14px;
}


/*注意事項*/
#attention {
    clear: both;
    width: 650px;
    padding: 30px 30px 20px;
    border-radius: 10px;
    margin: 0 auto 20px;
    background: #FDECEC center;
    overflow: hidden;
}

#attention div {
    margin-left: 1.5em;
}

#attention h5 {
    font-size: 23px;
    color: #ff3333;
    margin-bottom: .5em;
}

#attention ul.check {
    font-size: 16px;
    margin-left: .5em;
}

#attention ul.check li {
    list-style: disc;
    line-height: 1.5;
    margin-bottom: .5em;
}

/*完了表示*/
#succeed {
    clear: both;
    width: 650px;
    padding: 30px 30px 20px;
    border-radius: 10px;
    margin: 0 auto 20px;
    background: #d8f275 center;
    overflow: hidden;
}

#succeed h5 {
    font-size: 23px;
    color: #0066aa;
    text-align: center;
    margin-bottom: .5em;
}

#succeed p {
    line-height: 1.25;
    text-indent: -1em;
    padding-left: 1em;
    margin: 0 auto .3em;
}

/*更新表示*/
#update{clear:both; overflow:hidden; background:url(/img/images/update.gif) no-repeat 16px center; padding:16px; border:solid 3px #00afbc; border-radius:10px;margin-bottom:20px;}
#update div{margin-left:48px; padding-left:16px;border-left:solid 2px #00afbc; line-height:1.5; color:#666;}
#update h5{font-size:23px; color:#0066aa; margin-bottom:5px; text-align: center;}
#update div span{color:red; font-weight:bold;}

/*お知らせフリーページ*/
#freeUpdate{clear:both; overflow:hidden; margin-bottom:20px;}
#freeUpdate div.areaF{line-height:1.5; color:#666;}
#freeUpdate h5.titleF{font-size:14px; color:#00afbc;margin-bottom:5px;}


/*==============================================
ポイント購入
==============================================*/
#payment {
    width: 740px;
    text-align: justify;
    text-justify: inter-ideograph;
    margin: 0 auto;
}

#payment h3 {
    color: #333;
    font-size: 20px;
    text-shadow: 1px 1px #fff;
    padding: .5em 1em;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 3px solid #8bc501;
    margin-bottom: 1em;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #eee 50%, #ddd 51%, #fff 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(50%,#eee), color-stop(51%,#ddd), color-stop(100%,#fff)); /* webkit */
    -pie-background:linear-gradient(top, #fff 0%, #eee 50%, #ddd 51%, #fff 100%);
}

#payment p {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: .5em;
}

#payment h4 {
    font-size: 15px;
    text-shadow: 1px 1px 1px #FFFFFF;
    padding: .5em 1em;
    margin-bottom: 1em;
    background: #EFEFEF;
}

#payment form {
    margin-bottom: 20px;
}

#payment .buyform {
    padding: 5px;
    border: 1px solid #CCC;
    margin-bottom: 5px;
    background: #FCFCFC;
}

#payment .buyform table {
    width:100%;
    line-height: 1;
}

#payment .buyform th, #payment .buyform td {
    font-size: 14px;
    vertical-align: middle;
    padding: 1em;
    border: 1px solid #CCC;
}

#payment .buyform th {
    width: 30%;
    color: #666;
    font-weight: 600;
}

#payment .buyform th span {
    color:red;
}

#payment .buyform td {
    line-height: 1.25;
    background: #FFF;
}

#payment .buyform td span {
    color:red;
}

#payment label {
    vertical-align: middle;
}

#payment .buyform input[type=radio] {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: -1px 5px 0 0;
}

#payment input[type=checkbox] {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: -1px 3px 0 0;
}

#payment .buyform td input[type=text] {
    width: 96%;
    font-size: 14px;
    padding: .5em 2%;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#payment .buyform td select {
    width: 50%;
    font-size: 14px;
    padding: .3em 2% .5em;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#payment .cyui {
    line-height: 1.5;
}

#payment .cyui p {
    font-size: 14px;
}

#payment .pay_atten {
    color: #666;
    line-height: 1.4;
    padding: 1em;
    border: 4px solid #999;
    margin: 1em auto;
}

#payment input[type=submit] {
    margin: 1em auto;
}

#payment #contract {
    width: 95%;
    height: 300px;
    color: #434343;
    padding: 2%;
    border: solid 1px #808080;
    margin: 0 auto;
    background: #f3f3f3;
    overflow-y: auto;
    overflow-x: hidden;
}

#payment #contract .tit {
    padding: 0 1em .75em;
    border-bottom: 1px dotted #797979;
}

#payment #contract .tit span {
    font-size: 20px;
    border-left: 4px solid #0066aa;
    font-weight: bold;
    padding-left: 1em;
}

#payment #contract .box1 {
    color: #eb5505;
    line-height: 1.25;
    padding: 1em 1em 1em 2em;
    border: 1px solid #eb5505;
    margin: 2em 1em 1em;
    background: #fff;
}

#payment #contract .box1 p {
    display: block;
    width: 330px;
    font-size: 17px;
    text-align: center;
    padding: 3px 0 5px 5px;
    border: 2px solid #eb5505;
    margin: -2em 0 1em;
    background: #fff;
}

#payment #contract .box1 th {
    width: 9em;
    font-weight: normal;
    text-align: right;
}

#payment #contract .box1 th.ta_left {
    text-align: left;
    padding-bottom: .5em;
}

#payment #contract .box1 strong {
    font-size: 17px;
    font-weight: bold;
}

#payment #contract .box1 td {
    padding: .25em 0;
}

#payment #contract p#contract_link {
    margin: 0 1em 1em;
}

#payment #contract .box2 {
    line-height: 1.5;
    padding: 1.5em 1em;
    border: 1px solid #333;
    margin: 0 1em 1em;
}

#payment #contract .box2 h3 {
    font-size: 17px;
    line-height: 1.25;
    text-shadow: none;
    padding: 0;
    border: none;
    margin-bottom: .5em;
    background: none;
}

#payment #contract .box2 ol, #payment #contract .box2 ul {
    margin: 0 1.3em 1.5em;
}

#payment #contract .box2 ul.none li {
    list-style: none;
    text-indent: -1.3em;
    padding-left: 1.3em;
    margin: 0 .4em .5em .4em;
}

#payment #contract .box2 ol li {
    list-style: decimal;
    margin-left: 1.3em;
    margin-bottom: .5em;
}

#payment #contract .box2 ol li ul {
    margin: 0;
}

#payment #contract .box2 ol li ul li {
    list-style: none;
    text-indent: -1.5em;
    padding-left: 1.5em;
    margin: 0 0 .5em;
}

#payment #contract .box2 #advice {
    border: 1px solid #333;
    margin: 0 1em 1.5em;
}

#payment #advice th {
    width : calc(100% / 6) ;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    vertical-align: middle;
    padding: .5em 0;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    background: #ddd;
}

#payment #advice td {
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    padding: .5em;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
}


#payment li p{margin:10px; padding-top:50px; height:3em;}
#payment a.button,#payment span.button{margin:10px auto; font-weight:bold;}
#payment span.button{background:#CCCCCC; color:#999999;}
#payment a:hover.button{text-decoration:none;}
#payment li p.credit{background:url(/img/images/payment/img_credit.gif) no-repeat top left;}
#payment li p.credit0{background:url(/img/images/payment/img_credit0.gif) no-repeat top left;}
#payment li p.bank{background:url(/img/images/payment/img_bank.gif) no-repeat top left;}
#payment li p.bitcash{background:url(/img/images/payment/img_bitcash.gif) no-repeat top left;}
#payment li p.cvs{background:url(/img/images/payment/img_cvs.gif) no-repeat top left;}
#payment li p.ccheck{background:url(/img/images/payment/img_ccheck.gif) no-repeat top left;}
#payment li p.edy{background:url(/img/images/payment/img_edy.gif) no-repeat top left;}
#payment li p.securitymoney{background:url(/img/images/payment/img_securitymoney.gif) no-repeat top left;}
#payment li p.gmoney{background:url(/img/images/payment/img_gmoney.gif) no-repeat top left;}
#payment li p.chocom{background:url(/img/images/payment/img_chocom.gif) no-repeat top left;}
#payment li p.gigapoint{background:url(/img/images/payment/img_gigapoint.gif) no-repeat top left;}
#payment li p.netride{background:url(/img/images/payment/img_netride.gif) no-repeat top left;}
#payment li p.payeasy{background:url(/img/images/payment/img_payeasy.gif) no-repeat top left;}
#payment li p.paycash{background:url(/img/images/payment/img_paycash.gif) no-repeat top left;}
#payment li p.transcheck{background:url(/img/images/payment/img_transcheck.gif) no-repeat top left;}
#payment li p.smartpit{background:url(/img/images/payment/img_smartpit.gif) no-repeat top left;}
#payment li p.loan{background:url(/img/images/payment/img_loan.gif) no-repeat top left;}

/*購入画面*/
#payment .buyform td textarea{width:491px; height:150px; padding:5px; font-size:12px;border:solid 1px #999; border-radius:2px;}
#payment .buyform td .description{margin-top:2px; color:#999; font-size:11px;}
#payment .buyform td input[type=file]{margin-top:15px;}
#payment .buyform td input[type=file]:first-child{ margin:0;}
#payment .buyform label:hover{background:#CFF;}

/*購入完了画面*/
#payment div.done{width:750px; margin:20px 0; font-size:16px; color:#F03; line-height:1.6em; letter-spacing:1px;}

/*銀行振込*/
table#rateBank td strong{font-size:14px;}
table#rateBank td{border:double 1px #CCC; padding:10px; vertical-align:middle; line-height:1.4;}
table#rateBank th{background:#efefef; color:#666; text-align:left; padding:10px; border:1px solid #CCC;}
table#rateBank th span{margin-left:5px; color:red;}
table#rateBank td{background:#FFF;}
table#rateBank{width:400px; float:right;}
table#infoBank{width:300px; float:left;}
table#infoBank td{border-bottom:dotted 1px #CCC; padding:10px; vertical-align:middle; line-height:1.4;}
table#infoBank th{background:#efefef; color:#666; text-align:left; padding:10px; border-bottom:1px solid #CCC;}


/*==============================================
サイド
==============================================*/
/*ポイント確認*/
#rightContents .point{background:url(/userfiles/images/side_member.jpg) no-repeat; padding:15px; margin-bottom:15px; height: 304px;}
#rightContents .ptpt{text-align:center;}
#rightContents .point h2{margin:0px 0 10px 0; font-size:12px; color:#1E4892;}
#rightContents .point .currentPoint{font-size:13px; font-weight:bold; text-align:center; margin-bottom:10px; color:#0098ce;}
#rightContents .point .currentPoint strong{margin-right:2px;font-size:18px;}
#rightContents .point .limit{display:block; text-align:center;padding:10px; border:dotted 1px #CCC; border-width:1px 0 1px 0; margin-bottom:10px;}
#rightContents .point .showPoint,
#rightContents .point .getPoint{display:block; color:#E10A7F; font-weight:bold; text-align:center; margin:0 35px; background:#FFFCFE; margin-bottom:10px; border-radius:5px; padding:5px; border:solid 2px #E10A7F; cursor:pointer;}
#rightContents .point .showPoint{margin-bottom:0;color:#00AFBC; border-color:#00AFBC;background-color:#FCFFFF;}
#rightContents .point .showPoint:hover{background-color:#DEF9F8;}
#rightContents .point .getPoint:hover{text-decoration:none;background-color:#FFDCF1;}
/*#rightContents .point .pointStat{display:none;}*/

/*メニュー*/
#rightContents .rightMenu{border:solid 1px #CCC; padding:10px; margin-bottom:15px;}
#rightContents .rightMenu li{margin-bottom:10px;}
#rightContents .rightMenu li:last-child{margin-bottom:0;}
#rightContents .rightMenu .btn a{display:block;line-height:18px; text-align:center; font-weight:bold; font-size:13px; padding:10px 18px 10px 10px; border-radius:5px; background:#FFF; color:#666; border:solid 2px #CCC;}
#rightContents .rightMenu .btn a:hover{text-decoration:none;color:#00AFBC; border-color:#00AFBC;background-color:#FCFFFF;}
#rightContents .rightMenu .btn a.adult:hover{color:#E10A7F; border-color:#E10A7F;background-color:#FFFCFE;}


#side{width:200px;float:right;}
#rightContents #help {margin-bottom:15px;}

#help {border:1px solid #CCCCCC;}
#help li{padding:10px; border-bottom:1px dotted #CCCCCC;}

#help h3{
	padding:5px 10px;
	font-size:13px;
	background:#f7f7f7;
	color:#555555;
	text-shadow:1px 1px 0px #FFFFFF;
	border-bottom:1px solid #CCC;	
}
#help li strong{display:inline-block; padding:5px 0;}
#help li p{font-size:10px; line-height:13px;}


/*==============================================
フォームスタイル
==============================================*/
a.button {
    text-decoration: none;
}

.button.danger, .button:hover {
    color:#fff;
}

.button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 70%;
    color: #333;
    font-size: 20px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    padding: .5em 0;
    border: 1px solid #ccc;
    border-bottom-color:#bbb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
    background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.button:hover {
	background-position:0 -15px;
	color:#333;
	text-decoration:none;
}
.button:focus {
	outline:1px dotted #666;
}
.button:active {
	-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);
	/****kokoni itsuka htc wo***/
	position:relative;
}

.button.disabled {
	cursor:default;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
	filter:alpha(opacity=65);
	-khtml-opacity:0.65;
	-moz-opacity:0.65;
	opacity:0.65;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	/****kokoni itsuka htc wo***/
	position:relative;
}

.btn[disabled] {
	cursor:default;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
	filter:alpha(opacity=65);
	-khtml-opacity:0.65;
	-moz-opacity:0.65;
	opacity:0.65;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	/****kokoni itsuka htc wo***/
	position:relative;
}

:root .alert-message,:root .btn {
	border-radius:0 \0;
}

button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner {
	padding:0;
	border:0;
}


/*form*/
input[type=text], input[type=password] {
    padding: 3px;
    border: 1px solid #CCC;
    border-radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
    position:relative;
}


/*==============================================
登録フォーム
==============================================*/
#regist #step {
    width: 700px;
    margin: 0 auto;
}

#regist .step {
    width: 450px!important;
}

#regist #step li {
    position: relative;
    float: left;
    width: 200px;
    color: #fff;
    font-size: 17px;
    text-decoration: none;
    padding: .5em 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin-bottom: 50px;
    background: #DBF1A6;
}

#regist #step li#stepactive {
    position: relative!important;
    background: #8BC501!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8BC501', endColorstr='#8BC501',GradientType=0 )!important;
}

#regist #step .stepcount {
    color: #FFF;
    font-family:"Lucida Grande","DejaVu Sans","Bitstream Vera Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,Verdana,"ＭＳ Ｐゴシック","MS PGothic","VL Pゴシック","Takao Pゴシック","IPA Pゴシック",sans-serif;
    line-height: 20px;
    text-align: center;
    padding: 5px 0 ;
}

#step li.steparrow {
    width: 50px!important;
    height: 0;
    text-align: center;
    background: #FFFFFF!important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0)!important;
}

#regist #step .arrowmark {
    border-top: 19px solid transparent;
    border-left: 24px solid #ccc;
    border-bottom: 19px solid transparent;
    border-right: 0 solid transparent;
    margin: 5px 0 0 15px;
}

#regist #messege {
    clear: both;
    width: 600px;
    letter-spacing: 1px;
    margin: 0 auto;
}

#regist #messege p {
    display:block;
    line-height:1.7;
    margin: 10px 0 0 0;
}

#regist form, #registed {
    position: relative;
    width: 600px;
    font-size: 15px;
    margin: 0 auto;
}

#regist .regist th {
    color: rgb(30, 72, 146);
    font-size: 15px;
    text-align: right;
    vertical-align: middle;
    padding: .5em 0;
}

#regist .regist th.regith {
    text-align: left;
}

#regist .regist td {
    text-align: left;
    font-size: 15px;
    vertical-align: middle;
    padding: .5em 0;
}

#regist .regist strong {
    color: #1e4892;
    font-size: 13px;
}

#regist .regist td span {
    color: #F33;
    margin-left: 5px;
}

#regist input[type=text],#regist input[type=password]{
    position: relative;
    width: 96%;
    font-size: 20px;
    padding: .5em;
    border: 1px solid #a7b4c0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 20px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f0f4f5), to(#fff));
    background: -moz-linear-gradient(#f0f4f5, #fff);
}

#regist input[type=submit]{
    font-size: 20px;
    font-weight: bold;
    padding: .5em 2em;
    margin: 10px auto;
}


#regist .selectbox{
	font-size:15px;
	margin:30px;
	padding:30px;
	border:1px solid #CCC;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	/****kokoni itsuka htc wo***/
	line-height:1.5;
}

#step.tet {
    text-align: center;
    font-size: 25px;
    line-height: 1.7em;
    color: #1e4892;
    font-weight: bolder;
    padding-bottom: 20px;
}




.stepabout{
	background:#FFFFFF;
	float:right;
	text-align:left;
	font-weight:bold;
	font-size:15px;
	height:20px;
	width:190px;
	padding:20px 10px;
	color:#CCCCCC;
}
#registed p{
	font-size:20px;
	line-height:1.5em;
}
#registed strong{
	color:#1e4892;
	font-size:24px!important;
}
#regist strong{
	color:#1e4892;
	font-size:15px;
}
#regist .regist {width: 589px;
    margin: 0 auto;}
#regist .regist td span{margin-left:5px;color:#F33;}
#regist .regist td.btn_submit{text-align:center;}
#regist input[type=text]:focus{
	background:#FFFFFF;
}



#registinfo{
	display:none;
}
#registinfo h2{font-size:15px;padding:15px;color:#1e4892;text-shadow: -1px 1px 2px rgba(255,255,255,0.8); border-bottom:solid 1px #CCC;}
#registinfo a{display:inline-block;}
#registinfo .about{display:block; margin:15px 15px 0 15px; background:#FFF;border-radius: 5px; padding:15px;color:#444; line-height: 1.7em;}
#registinfo .about strong{display:block;margin-bottom:15px; font-size:14px; color:#1e4892;}

#registinfo a.registBtn{
	display:block;
	margin:15px;
	padding:15px;
	font-weight:bold;
	text-align:center;
	color:#666666;
	font-size:18px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	/****kokoni itsuka htc wo***/
	border:1px solid #999;
	border-radius: 5px;
	/****kokoni itsuka htc wo***/
}
#registinfo a.registBtn:hover{
	text-decoration:none;
	background: #febbbb;
	background: -moz-linear-gradient(top, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febbbb), color-stop(45%,#fe9090), color-stop(100%,#ff5c5c));
	background: -webkit-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%);
	background: -o-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%);
	background: -ms-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%);
	background: linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 );
	color:#FFF;
	text-shadow:none;
	/****kokoni itsuka htc wo***/
}
#regist div#messege {
width: 650px;
    margin: 0 auto;
    /* padding: 0 50px; */
    text-align: center;
    }
/*page all*/
.left{float:left;text-align:left;}
.right{float:right;text-align:right;}
.center{text-align:center!important; margin:auto;}
.red{color:#FF0000;}
.grey{color:#999999;}
.noborder{border:none!important;}

.big{font-size:14px!important;}
.normal{font-size:12px!important;}
.xxsmall{font-size:9px!important;}
.xsmall{font-size:10px!important;}
.small{font-size:11px!important;}
.normal{font-weight:normal!important;}
.bold{font-weight:bold!important;}
.clear{clear:both; font-size:1px; height:1px;}
.clear hr{display:none;}


#pages h2.female{border-top-color:#E10A7F;}
#pages h3{vertical-align:middle; border-bottom:solid 2px #EB5604;margin-bottom:10px;padding-bottom:4px;font-size:14px;color:#EB5604;}

#pages table{width:100%; margin-bottom:30px;}
#pages table tr:first-child th{background:#EEE;}
#pages table tr:first-child td.female{background:#FFDCF1; font-weight:bold; color:#E10A7F;}
#pages table tr:first-child td.male{background:#DEF9F8; font-weight:bold; color:#007691;}
#pages table tr:first-child td.vip{background:#F2F2A5; font-weight:bold; color:#C18102;}
#pages table th,#pages table td{border:solid 1px #CCC; padding:10px 15px; vertical-align:middle; line-height:1.4;}
#pages table th{color:#666;}
#pages table td.female{width:140px;background:#FFFCFE; text-align:center;}
#pages table td.male{width:140px;background:#FCFFFF; text-align:center;}
#pages table td.vip{width:140px;background:#FFFFE1; text-align:center;}

/*
青0.1　FCFFFF
青0.5　DEF9F8
青1.0　00AFBC

赤0.1　FFFCFE
赤0.5　FFDCF1
赤1.0　E10A7F
*/

select:focus,
textarea:focus,
input[type=password]:focus,
input[type=text]:focus{
	border-color:#F3C!important;
	outline:none;
	background:#FFFFFF!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.4);
	-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.4);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(102, 102, 102, 0.4);
}

textarea{resize:vertical;}
/*==============================================
プロフィール検索結果
==============================================*/

/*==============================================
決済ページ
==============================================*/
#top_tit {margin-bottom: 30px;}

_clm {
	width: 650px;
	min-height: 500px;
	float: left;
	margin-bottom: 30px;
}
#main_clm #main_conts {
	width: 100%;
	min-height: 803px;
	float: left;
	background: url(/userfiles/images/upfile/hfb_left_bg_main.gif) repeat-y;
	background-size: contain;
}
#main_clm #main_conts_box {
	width: 600px;
	margin: 0 auto;
	text-align: left;
	font-size: 14px;
	line-height: 1.5em;
}
#main_clm #point p.title {
	float: left;
	width: 100%;
	color: #000;
	background: url(/userfiles/images/upfile/hfb_plan_cfirm_bg.jpg) no-repeat;
	height: 55px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#main_clm #point table.pt_conf {float: left;}
#main_clm #top_tit {margin-bottom: 30px;}

#main_clm tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit;
}
#main_clm tr {
	display: table-row;
	vertical-align: inherit;
	border-color: inherit;
}
#main_clm #point table.pt_conf th {
	text-align: left;
	font-size: 14px;
	width: 40%;
}
#main_clm #point table.pt_conf th span {
	display: block;
	text-indent: 15px;
	background: #f2f2f2;
	padding: 10px 0;
}
#main_clm  element.style {
	margin-top: 5px;
	padding: 10px;
	border: 2px solid #000;
}
#main_clm #point div.btn {
	float: left;
	width: 100%;
	padding: 0 !important;
	margin: 20px 0;
}
#main_clm .pay_atten {
	color: #666;
	padding: 20px;
	border: 5px solid #999;
	margin-top: 10px;
	margin-bottom: 10px;
}
#main_clm #point div.btn input[type="image"] {margin: 10px 0;}
#main_clm div#contract {
	width: 92%;
	margin: 0 17px;
	overflow-y: auto;
	overflow-x: hidden;
	border: solid 1px #808080;
	padding: 10px;
	color: #434343;
	background: #f3f3f3;
}
#main_clm div#contract p.tit {
	padding: 10px 0 30px 8px;
	margin: 0 0 10px;
	border-bottom: 1px dotted #797979;
}
#main_clm div#contract p.tit span {
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	border-left: 4px solid #041E53;
}
#main_clm div#contract div.box4 {
	border: solid 1px #f00;
	color: #f00;
	background: #fff;
	margin: 25px 15px 15px 15px;
	padding: 10px;
}
#main_clm div#contract div.box4 p {
	width: 170px;
	border: solid 1px #f00;
	color: #f00;
	background: #fff;
	text-align: center;
	margin: -20px 0 10px -5px;
}
#main_clm div#contract strong {
	font-size: 14px;
	font-weight: bold;
	line-height: 2;
}
#main_clm div .details {
	height: auto;
	margin: 0 auto;
	font-weight: bold;
}
#main_clm .pla1 {
	width: 400px;
	height: 40px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	border: 1px solid #000;
	font-weight: bold;
}

#main_clm img {vertical-align: bottom;}
#main_clm span.aka {color: red;}
#main_clm #point table.pt_conf td {padding-left: 20px;}

#main_clm div .details {
	height: auto;
	margin: 0 auto;
	font-weight: bold;
}
#main_clm table.item_5{
	width:600px;
	border: 1px solid #000;
	font-weight:normal;
}
#main_clm .pla1 {
	width: 400px;
	height: 40px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	border: 1px solid #000;
	font-weight:bold;
}
#main_clm .pla2 {
	width: 400px;
	height: 40px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	border: 1px solid #000;
	font-weight:bold;
}
#main_clm .pla3 {
	width: 280px;
	height: 40px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	border: 1px solid #000;
	font-weight:bold;
}
#main_clm .pla4 {
	width: 450px;
	height: 40px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	border: 1px solid #000;
	font-weight:bold;
}
#main_clm .pla1_1 {
	height: 40px;
	border: 1px solid #000;
	padding: 1px;
	font-weight:normal;
	text-align: center;
}
#main_clm .hi {display: none;}
#main_clm div.CompanyProfile{line-height: 20px;}


/*==============================================
pages
==============================================*/
#pagesTop_2{height:150px; border:solid 1px #CCC; background:#FEFEFE url(/userfiles/images/topimg_banner02.jpg)no-repeat 0 0;; color:#666; margin-bottom:20px;}
#pagesTop_3{height:150px; border:solid 1px #CCC; background:#FEFEFE url(/userfiles/images/topimg_banner02.jpg)no-repeat 0 0;; color:#666; margin-bottom:20px;}
#pagesTop_2 h2{font-size:26px;letter-spacing:0.5em; text-shadow : 0 1px 4px rgba(255,255,255,0.3);margin-top:85px; line-height:30px; padding: 10px 30px;color:#000;}
#pagesTop_3 h2{font-size:26px;letter-spacing:0.5em; text-shadow : 0 1px 4px rgba(255,255,255,0.3);margin-top:85px; line-height:30px; padding: 10px 30px;color:#000;}
#pagesTop p{line-height:1.5;margin:10px 0 0 30px;}
#pagesTop_2 p{line-height:1.5;margin:10px 0 0 30px;}
#pagesTop_3 p{line-height:1.5;margin:10px 0 0 30px;}

#pages dt{float:left;display:block; width:150px; font-weight:bold; padding:20px 0;line-height:1.5; color:#666;}
#pages dd{float:left;display:block;padding:20px 0; line-height:1.5;}
#pages hr{clear:left; margin:0; border:none;border-bottom:dotted 1px #CCC;}
#pages ol li{list-style:decimal; margin-left:2em; line-height:1.5; margin-bottom:20px;}
#pages ol ul {margin-top:20px;}
#pages ul li{list-style:none; margin-left:0; line-height:1.5; margin-bottom:20px;}
#pages ol.list_parentheses {padding: 0 0 0 0em; margin: 0;}
#pages ol.list_parentheses li {list-style-type: none; counter-increment: cnt; text-indent: -2.0em; padding-left: 0.5em; margin-top: 10px;}
#pages ol.list_parentheses li:before {display: marker; content: "(" counter(cnt) ") ";}
#pages .question{cursor:pointer; padding:12px 0;}
#pages .question:hover{text-decoration:underline;cursor:pointer;}
#pages .answer{padding-bottom:10px;display:none;}
#pages .answer p{ background:#FAFAFA;padding:10px;}


/*==============================================
ブラウザアップデート
==============================================*/
#updateBrowser{
	width:970px;
	_width:980px;
	margin:10px auto;
	border:1px solid #F00;
	height:85px;
	_height:75px;
	padding:10px;
	text-align:left;
}
#icoWarning{width:90px; height:85px; float:left; background:url(../images/ico_warning.gif) no-repeat center; text-indent:-6327987px; margin:0 10px 0 0;}
#textWarning{float:left; width:480px; margin:0 10px; border:0px dashed #CCCCCC;}
#textWarning strong{display:inline-block; font-size:20px; color:#FF0000; font-family:Arial, Helvetica, sans-serif; margin:0 0 5px 0;}
#textWarning p{font-size:11px; line-height:14px; letter-spacing:2px; color:#666;}
#textWarning em{font-style:normal; color:#63C; font-weight:bold;}
#textWarning em:hover{font-style:normal; color:#3333CC; border-bottom:1px dotted #CCCCCC; font-weight:bold;}

#updateBrowser ul{float:right; width:360px;}
#updateBrowser li{float:left; width:90px; height:85px; background-image:url(../images/ico_browser.jpg); background-repeat:no-repeat;}
#updateBrowser li a{display:block; width:90px; height:85px; text-indent:-23769px;}
#updateBrowser li:hover{filter: alpha(opacity=65); -moz-opacity:0.65;	opacity:0.65;}
#updateBrowser li:active{filter: alpha(opacity=85); -moz-opacity:0.85;	opacity:0.85;}
#updateBrowser li.ie{background-position:-90px 0;}
#updateBrowser li.ff{background-position:-180px 0;}
#updateBrowser li.gc{background-position:0 0;}
#updateBrowser li.sf{background-position:-270px 0;}

.emoji{width: 12px!important; height: 12px!important; padding: 0!important; border:none!important; float: none!important; margin: 0!important;}
/*    追加CSS    */
div.areaF img {width:100%; height: 100%;}

p.aps{font-size: 12px; line-height: 1.7em;}

#mset {
	display: block;
	margin: 20px auto;
	border-top: 2px #e8e8e8 double;
	border-right: 2px #e8e8e8 double;
	border-bottom: 2px #e8e8e8 double;
	border-left: 2px #e8e8e8 double;
}
#mset dt {
	font-size: 12px;
	font-weight: bold;
	color: #e71b1e;
	padding: 15px 0 0 0px;
	text-align: center;
}
#mset dd{
	font-size:12px;
	padding: 14px 0 0 0;
	line-height: 1.5em;
}

.soudan {
	border:3px double #ccc;
	padding:10px; 
	margin-bottom:5px;
	line-height:17px;
}

.regith {padding-right: 20px;}


#contract .box2 .hon {
    margin: 0 12px;
     padding-left: 0; 
     text-indent: 0; 
}
#item_5{width: 670px;
    border: 1px solid #000;
}


#foot_menu dl {
    width: 225px;
    float: left;
    font-size: 18px;
}