@charset "utf-8";

/*デフォルトスタイルの消去
------------------------------------------------------------*/

*{
margin:0;
padding:0;
}


body{
	font-family:"ＭＳ Ｐゴシック",sans-serif,Osaka;
	margin:0;
	padding:0;
	font-size:100.01%;
	color:#000;
}


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



div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0;
}

 
fieldset,img {  
	border:0; 
}

 
address,caption,cite,code,dfn,em,th,var { 
	font-style:normal; 
	font-weight:normal; 
}

 
ol,ul { 
	list-style:none; 
}

 
caption,th { 
	text-align:left; 
}

 

.mgt5 {
margin-top:5px!important;
}
.mgt10 {
margin-top:10px!important;
}
.mgb3 {
margin-bottom:3px!important;
}
.mgb5 {
margin-bottom:5px!important;
}
.mgb10 {
margin-bottom:10px!important;
}
.mgb15 {
margin-bottom:15px!important;
}
.mgb20 {
margin-bottom:20px!important;
}
.mgb25 {
margin-bottom:25px!important;
}
.mgb30 {
margin-bottom:30px!important;
}
.mgl5 {
margin-left:5px!important;
}
.mgl10 {
margin-left:10px!important;
}
.mgl15 {
margin-left:15px!important;
}
.mgl20 {
margin-left:20px!important;
}
.mgl30 {
margin-left:30px!important;
}
.mgl40 {
margin-left:40px!important;
}
.mgl90 {
margin-left:90px!important;
}
.mgl150 {
margin-left:150px!important;
}
.mgl170 {
margin-left:170px!important;
}
.mgl180 {
margin-left:180px!important;
}
.mgr5 {
margin-right:5px!important;
}
.mgr10 {
margin-right:10px!important;
}
.mgr20 {
margin-right:20px!important;
}

#content .wrap01 {
width:556px;
padding:10px 5px;
}
#content ul#wrap-gray {
margin:0;
width:536px;
padding:10px 10px 10px 15px;
background:#F3F3F3;
display:block;
height:auto;
clear:both;
}
#content ul#wrap-gray li {
width:511px;
text-indent:-1em;
margin-left:1em;
padding:0 0 3px 0;
float:none;
clear:both;
display:block;
}

.color01 {
color:#CC0000;
}

.border {
width:544px;
padding:10px;
border:1px solid #B0B0B0;
color:#666666;
}


#content .form-table {
width:566px;
background:url(../img/common/form_table_mdl.gif) repeat-y left top;
}
#content .form-table div.head {
overflow:hidden;
width:565px;
height:2px;
background:url(../img/common/form_table_top.gif) no-repeat left top;
}
#content .form-table div.foot {
overflow:hidden;
width:565px;
height:2px;
background:url(../img/common/form_table_btm.gif) no-repeat left top;
}

#content .form-table .ttl {
margin:0 1px 0 0;
padding:4px;
background:#D3EBAF;
font-weight:bold;
color:#2F470A;
}
#content .form-table label {
cursor:default;
}
#content .form-table table {
width:564px;
margin:0 0 0 1px;
border:none;
}
#content .form-table th,
#content .form-table td {
line-height:1.3;
}
#content .form-table th {
padding:18px 9px !important;
border:1px solid #A7B897;
border-width:1px 0 0 0;
background-color:#F2FDDF;
font-weight:bold;
color:#466923;
vertical-align:top;
}
#content .form-table td {
padding:18px 12px !important;
border:1px solid #A7B897;
border-width:1px 0 0 0;
color:#666666;
}
#content .form-table tr.head th {
border:none;
background:url(../img/common/form_table_top.gif) no-repeat left top;
}
#content .form-table tr.head th.second {
background-position:-10px 0;
}
#content .form-table tr.head td {
border:none;
background:url(../img/common/form_table_top.gif) no-repeat right top;
}
#content .form-table th span.color01 {
font-weight:normal;
padding:0 0 0 2px;
}
#content .form-table td span.att {
color:#8BB13A;
}
#content .form-table th.second {
text-align:right;
color:#666666;
}

#content .form-table th.ttlBar {
color:#666666;
background-color:#E1F1C9;
height:20px;
border:1px solid #A7B897;
border-width:1px 0 0 0;
padding:5px 12px !important;
}

#content .form-table th.addBtn {
color:#666666;
background-color:#E1F1C9;
height:20px;
border:1px solid #A7B897;
border-width:1px 0 0 0;
padding:5px 12px;
}

#content .form-table tr.dotted th {
border:none;
background:#F2FDDF url(../img/common/line_dotted.gif) repeat-x right top;
}
#content .form-table tr.dotted td {
border:none;
background:url(../img/common/line_dotted.gif) repeat-x left top;
}
#content .form-table tr.bdr-none th,
#content .form-table tr.bdr-none td {
border:none;
}

#content .form-table td input.cardno {
width:50px;
}
#content .form-table td input.seimei {
width:90px;
}
#content .form-table td input.zip1,
#content .form-table td input.tel1 {
width:30px;
}
#content .form-table td input.zip2,
#content .form-table td input.tel2 {
width:40px;
}
#content .form-table td input.address {
width:260px;
}
#content .form-table td input.email {
width:166px;
}


/* hack for safari2 \*/
html:\66irst-child #content .form-table td.order-name {
white-space:nowrap;
}
/* hack for safari3 \*/
body:first-of-type #content .form-table td.order-name {
white-space:nowrap;
}


#content .form-btn01 {
padding:12px 0 30px 0;
}
#content .form-btn01 p {
margin:0 0 0 218px;
}
#content .form-btn02 {
padding:12px 0 30px 0;
}
#content .form-btn02 p {
display:inline;
}
#content .form-btn02 p.lft {
margin:0 14px 0 112px;
}



/*全ページ共通スタイル
------------------------------------------------------------*/

/*ヘッダー
------------------------------------------------------------*/

div#wrapper{
	width: 805px;
	margin: 0 auto;
	font-size: 80%;
}
div#printWrapper{
	width: 656px;
	margin: 0 auto;
	font-size: 80%;
}

#logo{
	float: left;
	margin: 18px 2px 0 0;
}
#printLogo{
	float: left;
	margin: 5px 82px 7px 0;
	padding:0;
}


div#head_right{
	float: left;
	width: 564px;
}


ul#head_navi{
	width: 551px;
	min-height: 19px;
	margin-bottom: 9px;
	padding: 3px 7px 0 6px;
}


ul#head_navi li{
	display: inline;
	margin-right: 14px;
	float:right;
}


ul#head_navi li img{
	vertical-align: baseline;
}


ul#head_navi li#h_navi_last{
	margin-right: 0!important;
}


div#head_right img{
	vertical-align: middle;
}


div#head_right p{
	float: left;
	width: 75px;
	margin: 8px 3px 0 140px;
}


div#head_right form {
	vertical-align: middle;
	background: url(../img/common/img_search.gif) no-repeat 0 3px;
	margin: -22px 11px 0 270px;
	padding-left: 19px;
	float: right;
}


div#head_right form input{
	vertical-align: middle;
}


ul#size_change{
	float: left;
}


ul#size_change li{
	display: inline;
}


ul#g_navi{
	clear: both;
	padding-top: 13px;
}


ul#g_navi li{
	display: inline;
}



#header input#tn_search{
border:none;
width:42px;
}


#header input.search-box{
width:100px;
}




/*コンテンツ
------------------------------------------------------------*/

div#content{
	width: 803px;
	border-right: 1px solid #b4b4b4;
	border-left: 1px solid #b4b4b4;
	padding: 13px 0 23px 0;
}
div#print_content{
	width: 656px;
	padding: 13px 0 23px 0;
}

div#main_content{
	width: 566px;
	float: left;
	margin: 0 0 0 25px;
}
div#main_content_print{
	width: 656px;
	float: left;
	margin: 0 0 0 0;
}

div#news_content{
	width: 569px;
	float: left;
	margin: 0 0 0 22px;
}


/*セカンドページ　コンテンツ
------------------------------------------------------------*/

ul#topic_path{
	margin-bottom: 5px;
}


ul#topic_path li{
	display: inline;
}


div#main_content h2{
	margin-bottom: 20px;
}


p#faq_in_h2{
	position: relative;
	top: -32px;
	text-align: right;
}


p#faq_in_h2 a{
	background: url(../img/common/ico_arrow_box.gif) no-repeat 0 3px;
	margin-right: 19px;
	padding-left: 15px;
}


div#main_content a{
	color: #0984FF;
}


div#main_content a:hover{
	color: #CC3300;
}





/*左カラム
------------------------------------------------------------*/

div#left_navi{
	width: 192px;
	float: left;
	margin: 0 0 0 11px;
}


div#main_content{
	width: 566px;
	float: left;
	margin: 0 0 0 25px;
}


div#login{
	background: url(../img/common/login_bg_bottom.gif) no-repeat left bottom;
	margin-bottom: 7px;
}


div#login div{
	padding: 6px 10px 8px 10px;
	background: url(../img/common/login_bg_top.gif) no-repeat left top;
}


div#login img{
	vertical-align: top;
}


div#login p{
	margin-top: 5px;
}


p#login_txt{
	margin-top: 10px!important;
	font-size: 80%;
}


img#vpass{
	margin: 3px 0 0 -2px;
}


p#btn_login{
	display: inline;
}


div#left_navi h2#vpass_menu{
	background: url(../img/common/left_navi_head.gif) no-repeat left top;
	width: 192px;
	height: 18px;
	text-indent: -9999px;
}


div#left_navi ul{
	margin-bottom: 10px;
}


p#first{
	margin: 0 0 21px 10px;
}



div#left_navi ul{
	margin-bottom: 20px;
}


div#left_navi ul#vpass_menu_btm{
	margin: 0 0 20px 10px;
}


div#left_navi ul#vpass_menu_btm li{
	margin-bottom: 8px;
}


div#left_navi ul#banner{
	margin: 0 0 10px 0;
}


div#left_navi ul#banner li{
	margin-bottom: 6px;
}

#main_content .pageTop {
	float: right;
	clear: both;
}
#main_content  .pageTop a {
	background: url(../img/common/pagetop.gif) no-repeat;
	display: block;
	width: 87px;
	height: 10px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	text-decoration: none;
}

/*エラーメッセージ
------------------------------------------------------------*/
#main_content .errorBox{
display:block;
height:auto;
clear:both;
background-color:#FEEDEE;
border:1px #CC3300 solid;
padding:20px;
margin:10px 5px;
}

#col-a .errorBox {
display:block;
height:100px;
clear:both;
background-color:#FEEDEE;
border:1px #CC3300 solid;
padding:20px;
margin:10px 20px 10px 5px;
}

#main_content .errorBox p.errorMessage,
#col-a .errorBox p.errorMessage {
display:block;
color:#CC0000;
font-weight:bold;
margin:10px 0;
}

/*受付完了メッセージ
------------------------------------------------------------*/
#content .wrapThanks {
width:556px;
padding:30px 5px;
text-align:center;
}

/*戻る
------------------------------------------------------------*/
#content p#btn_back_under{
text-align: right;}

#content p#btn_back_under img{ 
	margin: 0;
	padding: 0 5px 2px 0;
}

/*フッター
------------------------------------------------------------*/
div#footer{
	width: 805px;
	border-top: 3px solid #4F9F02;
	padding: 10px 0 10px 0;
	text-align: center;
	background: url(../img/common/bg_footer.gif) no-repeat left bottom;
}
div#printFooter{
	width: 371px;
	border-top: 3px solid #4F9F02;
	padding: 10px 0 2px 0;
	text-align: center;
}

div#footer ul{
	margin-bottom: 5px;
}

div#footer ul li{
	display: inline;
	border-left: 1px solid #02882E;
	padding-left: 5px;
}

div#footer ul li.f_navi_last{
	border-right: 1px solid #02882E;
	padding-right: 5px;
}

div#footer a{
	color: #02882E;
}

div#footer a:hover{
	color: #CC3300;
}

p#copyright{
	text-align: center;
	margin-top: 10px;
}

/*矢印アイコン
------------------------------------------------------------*/
#main_content a.arrow01,
#col-a a.arrow01 {
	background: url(../img/common/arrow02.gif) no-repeat 0 50%;
	padding: 0 0 0 15px;
	margin: 0 0 0 5px;
}

#main_content a.arrowBtm,
#content a.arrowBtm {
	background: url(../img/common/arrow_btm.gif) no-repeat 0 50%;
	padding: 0 0 0 15px;
	margin: 0 0 0 5px;
}

/*フロートのクリア
------------------------------------------------------------*/

.clearFix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}