/*-----------------------------------ここから共通CSS-----------------------------------*/

/* ページ全体に関するCSS*/
body{
	/*background-image: url(img/0003.gif);*/
	margin: 0px auto;
	width: 950px;
	font-family: "ＭＳ Ｐゴシック", "Osaka", "sans-serif"
}

.clear { clear: both; }

/* リンク装飾に関するCSS*/
a:link{
	color:#333333;
	text-decoration:none;
} 
a:active{
	color:#FF0000;
	text-decoration:none;
} 
a:visited{
	color:#333333;
	text-decoration:none;
} 
a:hover{
	color:#FF0000;
	text-decoration:none;
}

/* Popup画面に関するCSS-アウトライン-footerは含まない */

#popup_outline{
	width:950px;
	height:auto;
	background-color:
	#FFFFFF;
	margin-bottom: 10px;
}

#popup_outline_s{
	width:950px;
	height:400px;
	background-color:#FFFFFF;
}

/* フッターに関するCSS */

#footer{
	width: 950px;
	height: 28px;
	background-color:#1e479e;
	margin-top: 0px;
	line-height: 28px;
	text-align: center;
	font-size: 12px;
	color:#FFFFFF;
    display: block;
}

/* 見出しに関するCSS */
h1{
	font-size:20px;
	font-weight:normal;
	display:inline;
}
h2{
	font-size:13px;
	font-weight:normal;
	display:inline;
}
h3{
	font-size:20px;
	font-weight:normal;
	display:inline;
}

/* フローティング解除 */

.clear{
	clear: both;
}
.clear-left{
	clear: left;
}
.clear-right{
	clear: right;
}

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

/* 汎用フォームスタイル */
.window-not-xs.window-not-sm #popup_outline{margin: 100px auto;}
.window-sm #popup_outline{margin: 100px auto;}
.window-xs #popup_outline{margin: 30px auto;}

.page_title {color:#000099; text-align: center;}
.window-not-xs.window-not-sm .page_title {font-size: 18px;margin-top: 50px; line-height: 60px;}
.window-sm .page_title {font-size: 16px; margin-top: 50px;line-height: 60px;}
.window-xs .page_title {font-size: 16px; margin-bottom: 0.5em;}

.title {color:#000099; text-align: center; }
.window-not-xs.window-not-sm .title {font-size: 18px; line-height: 60px;}
.window-sm .title {font-size: 16px; font-size: 16px; line-height: 60px;}
.window-xs .title {font-size: 16px; font-size: 16px; margin-bottom: 10px;}

.form { margin: 0px; padding: 0px; }

.form .email { width: 150px; height: 18px; ime-mode:disabled !important; }
.form .password { width: 150px; height: 18px; ime-mode:disabled !important; }

.form .form-group { margin-bottom: 0.6em; clear: both; }
.form .form-group .label {}
.form .form-group .form-control {}
.form .form-group .form-control-static {}
.form .form-group input.form-control { width: 180px; height: 15px; ime-mode:active }
.form .form-group input.form-control-group { }
.form .checkbox { margin-bottom: 0.6em; }
.form .checkbox label { }
.form .checkbox label input {}
.window-xs .form .form-group .label { display: block; }

.center-form { max-width: 600px; margin: 0 auto; }
.center-form.center-form-lg { max-width: 720px; margin: 0 auto; }
.center-form .title { text-align: left; }
.center-form form { margin: 0; margin-bottom: 15px; text-align: center; }
.center-form .label { line-height: 18px; }
.center-form .email { width: 150px; height: 18px; ime-mode:disabled !important; }
.center-form .password { width: 150px; height: 18px; ime-mode:disabled !important; }
.help_block, .help-block { font-size: 12px; line-height: 1.6em;}

.horizontal-form {}
.window-not-xs .horizontal-form .form-group .label { float: left; width: 30%; margin-bottom: 0.5em; }
.window-not-xs .horizontal-form .form-group .label.label-lg {width: 70%; }
.window-not-xs .horizontal-form .form-group .form-control { }
.window-not-xs .horizontal-form .form-group .form-control-group { }
.window-not-xs .horizontal-form .form-group .help-block{ display: inline; }
.window-not-xs .horizontal-form .form-group:after { clear: left; }


.section {}
.window-not-xs.window-not-sm .section {margin-top: 40px;}
.window-sm .section {margin-top: 40px;}
.window-xs .section {margin-bottom: 0.5em;}
.section:last-child { margin-bottom: 50px; }
.window-xs .section:last-child { margin-bottom: 1em; }

.active {  }
.success 	{ color: green; }
.info 	{ color: cornflowerblue; }
.warning { color: orangered; }
.danger { color: red; }

/*-----------------------------------ここまで共通CSS----------------------------------- */

/*-------------------------ここからindex関するCSS------------------------- */

/*--------------------ここからhead関するCSS-------------------- */

#head1{
	width: 950px;
	height: 48px;
	background-image:url(img/0051.gif);
}

#top_head_shopname{
	width:920px;
	height:32px;
	font-size:20px;
	color:#FFFFFF;
	line-height:32px;
	text-align:right;
	letter-spacing:1px;
	margin-top:10px;
	float:left;
}

.window-not-xs #header {
	background-color: #1e479e;
	color: #ffffff;
	height: 1.6em;
	font-size: 1.2em;
	line-height: 1.6em;
	padding: 0 10px;
}
.window-not-xs #header:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.window-not-xs #page_title {
	float: left;
	width: 50%;
	text-align: left;
	overflow: hidden;
}

.window-not-xs #site_title {
	float: right;
	width: 50%;
	text-align: right;
	overflow: hidden;
}

.window-xs body.with_header {
	padding-top: 50px;
}

.window-xs #header {
	font-size: 1.0em;
	width: 90%;
	height: 50px;
	position:fixed;
	top: 0px;
	background-color: #1e479e;
	color: #ffffff;
	line-height: 1.6em;
	padding: 0 5%;
}

.window-xs #page_title {
	width: 100%;
	float: none;
	text-align: left;
}

.window-xs #site_title {
	width: 100%;
	float: none;
	font-size: 0.8em;
	text-align: right;
}

/*--------------------ここまでhead関するCSS--------------------- */

/*--------------------ここからセンター左ブロック関するCSS-------------------- */

#center_block{
	width:950px;
	height:635px;
	background-color:#FFFFFF;
	margin-top:0px;
	float: left;
}

#top_select_block{
	width: 340px;
	height: 300px;
	float:left;
	margin-top: 10px;
}

#top_select_box01{
	width: 338px;
	height: 165px;
	background-color:#FFFFCC;
	float:left;
	border: solid 1px #EFEFEF;
}

#top_select_box02{
	width: 338px;
	height: 132px;
	background-color:#E9F4FE;
	float:left;
	border-bottom: solid 1px #EFEFEF;
	border-left: solid 1px #EFEFEF;
	border-right: solid 1px #EFEFEF;
}

#top_select_space01{
	width: 338px;
	height: 18px;
	float:left;
}

table#beginner01{
	width: 330px;
	height: 30px;
	font-size: 14px;
}

#center_line01{
	width:10px;
	height:300px;
	float:left;
	background-color: #FFFFFF;
	margin-top: 10px;
}

/*--------------------ここまでセンター左ブロック関するCSS-------------------- */

/*--------------------ここからセンター右ブロック関するCSS-------------------- */

#center_imge01{
	width:600px;
	height:300px;
	float:left;
	background-color: #FFFFFF;
	margin-top: 10px;
}

#center_imge02{
	width:600px;
	height:250px;
	float:left;
}

/*---------------------ここからNavi関するCSS-------------------- */

#top_navi_box{
	width: 600px;
	height: 50px;
	float:left;
	background-color:#FFFFFF;
}

.top_navi{
	width: 150px;
	height: 50px;
	float: left;
}

#top_navi_box img {
    border: 0px;
}

/*---------------------ここまでNavi関するCSS-------------------- */

/*--------------------ここまでセンター右ブロック関するCSS-------------------- */

/*--------------------ここからインフォメーションブロック関するCSS-------------------- */

#info_block{
	width:950px;
	height:100px;
	float: left;
	margin-top: 10px;
	background-image: url(img/0065.gif);
}

table#info01{
    height:100px;
	width:935px;
	font-size:14px;
	line-height:13pt;
}

/*--------------------ここまでインフォメーションブロック関するCSS-------------------- */

/*--------------------ここから携帯ブロック関するCSS-------------------- */


#mobile_block{
	width:950px;
	height:200px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

#mobile_img{
	width:348px;
	height:200px;
	float:left;
}

#mobile_exp01{
	width:602px;
	height:200px;
	float:left;
	background-image: url(img/0068.gif);
}

#mobile_exp02{
	width:450px;
	height:100px;
	float:left;
	margin-top: 5px;
}

table#mobile01{
	width: 600px;
	height: 35px;
	font-size: 16px;
	background-color: #76B4F8;
	color:#FFFFFF;
}

table#mobile02{
	width: 450px;
	height: 23px;
	font-size: 12px;
}

#mobile_qr{
	width:450px;
	height:100px;
	float:left;
	background-color: #FFFFFF;
	margin-top: 5px;
}

#mobile_qr{
	width:90px;
	height:90px;
	float:left;
	margin-top: 8px;
	border:solid 1px #000000;
}

/*--------------------ここまで携帯ブロック関するCSS-------------------- */



/* -------------------会社情報・方針関するCSS------------------- */

#policy_top{
	width: 950px;
	height: 25px;
	font-size: 12px;
	color: #333333;
	margin-top: 3px;
	line-height: 25px;
	text-align: center;
	background-color:#FFFFFF;
}

/* -------------------会社情報・方針関するCSS------------------- */

/*--------------------------ここまでindex関するCSS------------------------------------- */




/* -------------------------ここから初回ユーザー認証に関するCSS------------------------ */

.window-not-xs.window-not-sm #beginlogin_box1{width: 950px;height: 304px; margin-left: 0px; margin-top: 0px; float: left; background-color:#FFFFFF;}
.window-not-xs.window-not-sm #beginlogin_box2{width: 950px;height: 30px; float: left; background-color: #FFFFFF;}
.window-not-xs.window-not-sm #beginlogin_exp1{width: 950px;height: 40px; font-size: 16px; text-align: center;line-height: 40px; float: left; background-color:#FFFFFF; letter-spacing: 0.2em;}
.window-not-xs.window-not-sm #beginlogin_exp2{width: 950px;height: 60px; text-align: center; line-height: 60px; font-size: 14px; color: #FF0000;background-color:#FFFFFF; float: left;}
.window-not-xs.window-not-sm #beginlogin_exp3{width: 950px;height: 17px; float: left; background-color:#FFFFFF;}
.window-not-xs.window-not-sm #beginlogin_exp4{width: 600px; height: 30px; line-height: 30px;margin-left: 155px; font-size: 16px;}
.window-not-xs.window-not-sm #beginlogin_exp5{width: 694px;height: 304px; line-height: 304px; margin-left: 130px; background-color:#FFFFFF;}
.window-not-xs.window-not-sm #beginlogin_exp6{width: 950px;height: 30px; line-height: 30px; font-size: 12px; text-align: center; margin-top: 0px; float: left; background-color:#FFFFFF;}
.window-not-xs.window-not-sm #beginlogin_exp7{width: 300px;height: 17px; margin-left: 180px; background-color:#FFFFFF;line-height: 17px; font-size: 10px;margin-top: 0px}
.window-not-xs.window-not-sm #beginlogin #footer { position: absolute; bottom: 0px; }

.window-sm #beginlogin_box1{width: 700px; margin-left: 0px; margin-top: 0px; background-color:#FFFFFF; margin: 0px auto;}
.window-sm #beginlogin_box2{background-color: #FFFFFF;}
.window-sm #beginlogin_exp1{font-size: 16px; text-align: center;background-color:#FFFFFF; letter-spacing: 0.2em;}
.window-sm #beginlogin_exp2{text-align: center;  font-size: 14px; color: #FF0000;background-color:#FFFFFF; margin: 0px auto;}
.window-sm #beginlogin_exp3{background-color:#FFFFFF;}
.window-sm #beginlogin_exp4{line-height: 30px; font-size: 16px; margin: 0px auto 30px auto; text-align: center;}
.window-sm #beginlogin_exp5{background-color:#FFFFFF; margin: 0px auto;}
.window-sm #beginlogin_exp5 img{ width: 100%; }
.window-sm #beginlogin_exp6{height: 30px; line-height: 30px; font-size: 12px; text-align: center; margin-top: 0px; background-color:#FFFFFF;}
.window-sm #beginlogin_exp7{width: 300px;height: 17px; margin-left: 180px; background-color:#FFFFFF;line-height: 17px; font-size: 10px;margin-top: 0px}
.window-sm #beginlogin #footer { }

.window-xs #beginlogin_exp2 { margin-bottom: 1em; }
.window-xs #beginlogin_exp5 img{ width: 100%; }
.window-xs #beginlogin_box2 { margin-bottom: 1em; }
.window-xs #logincode { display: block; }
.window-xs .help-inline { display: block; color: #999999; font-size: 12px; margin-bottom: 0.5em; }

/* -------------------------ここまで初回ユーザー認証に関するCSS------------------------- */

/* -------------------------ここからパスワードの変更に関するCSS------------------------- */

/*
.window-not-xs.window-not-sm #popup_outline{margin: 100px auto;}
.window-not-xs.window-not-sm #psss_box1{width: 600px; height:30px;font-size: 16px;margin-left: 200px;}
.window-not-xs.window-not-sm #psss_box2{width: 950px; height:30px; background-color: #FFFFFF;}
.window-not-xs.window-not-sm #psss_box3{width: 950px; height:409px; background-color: #FFFFFF;}
.window-not-xs.window-not-sm #pass_input{width: 300px; height: 30px; line-height: 30px;margin-left: 0px; font-size: 12px; background-color:#333399}
.window-not-xs.window-not-sm #pass_exp1{width: 950px; height: 60px; font-size: 18px; color:#000099; margin-top: 50px; text-align: center;line-height: 60px;}
.window-not-xs.window-not-sm #pass_exp2{width: 950px; height: 30px; }
.window-not-xs.window-not-sm #pass_exp3{width: 700px; height: 30px; font-size: 12px; margin-left: 200px;line-height: 30px;}
.window-not-xs.window-not-sm #pass_exp4{width: 950px; height: 30px; margin-left: 0px; line-height: 30px; font-size: 12px; text-align: center;}
.window-not-xs.window-not-sm #pass_exp5{width: 350px; height: 30px; font-size: 16px; margin-top: 0px;line-height: 30px; float: left; }
.window-not-xs.window-not-sm #pass_change_button{ float: right; }
.window-not-xs.window-not-sm #pass_change_form{width: 500px; margin-left: 200px;}
.window-not-xs.window-xs #pass input[name=umail] { width: 150px; height: 18px; }

.window-sm #popup_outline{margin: 100px auto;}
.window-sm #psss_box1{width: 500px; height:30px;font-size: 16px;margin-left: 200px;}
.window-sm #psss_box2{width: 700px; height:30px; background-color: #FFFFFF;}
.window-sm #psss_box3{width: 700px; height:409px; background-color: #FFFFFF;}
.window-sm #pass_input{width: 300px; height: 30px; line-height: 30px;margin-left: 0px; font-size: 12px; background-color:#333399}
.window-sm #pass_exp1{width: 700px; height: 60px; font-size: 18px; color:#000099; margin-top: 50px; text-align: center;line-height: 60px;}
.window-sm #pass_exp2{width: 700px; height: 30px; }
.window-sm #pass_exp3{width: 500px; height: 30px; font-size: 12px; margin-left: 200px;}
.window-sm #pass_exp4{width: 700px; height: 30px; margin-left: 0px; font-size: 12px; text-align: center;}
.window-sm #pass_exp5{width: 350px; height: 30px; font-size: 16px; margin-top: 0px; float: left; }
.window-sm #pass_change_button{ float: right; }
.window-sm #pass_change_form{width: 500px; margin-left: 200px;}

.window-xs #popup_outline{}
.window-xs #psss_box1{font-size: 16px; text-align: center;}
.window-xs #psss_box1 form{margin-bottom: 0.5em !important}
.window-xs #psss_box2{background-color: #FFFFFF;}
.window-xs #psss_box3{height:409px; background-color: #FFFFFF;}
.window-xs #pass_input{height: 30px; margin-left: 0px; font-size: 12px; background-color:#333399}
.window-xs #pass_exp1{color:#000099; text-align: left; margin-bottom: 0.5em;}
.window-xs #pass_exp2{}
.window-xs #pass_exp3{font-size: 12px; margin-bottom: 2em;}
.window-xs #pass_exp4{margin-left: 0px; font-size: 12px; text-align: center;}
.window-xs #pass_exp5{font-size: 16px; margin-top: 0px; }
.window-xs #pass_change_button{ }
.window-xs #pass_change_form{margin-bottom: 2em; text-align: center;}
.window-xs body#pass .umail-input { display: block; }
.window-xs #pass input[name=umail] { width: 200px; height: 18px; }
*/

/* -------------------------ここまでパスワードの変更に関するCSS------------------------- */

/* ------------------------ここからパスワードの変更(2)に関するCSS----------------------- */

.window-not-xs.window-not-sm #passchange #popup_outline{margin-top: 60px;}
.window-not-xs.window-not-sm #passchange_exp1{width: 950px;height: 80px; font-size: 18px; color:#000099; text-align: center; line-height: 80px;}
.window-not-xs.window-not-sm #passchange_box{width: 700px; height:300px;margin-left: 200px; margin-top: 30px;}
.window-not-xs.window-not-sm #passchange_input{width: 700px;　height: 15px; height: 300px; font-size: 12px;}
.window-not-xs.window-not-sm #passchange_exp2{width: 150px; height: 25px; font-size: 15px; margin-top: 2px; margin-left: 0px; line-height: 25px;float: left;}
.window-not-xs.window-not-sm #passchange_exp3{width: 300px; font-size: 12px; margin-left:80px;}

.window-sm #passchange #popup_outline{margin-top: 60px;}
.window-sm #passchange_exp1{width: 700px;height: 80px; font-size: 18px; color:#000099; text-align: center; line-height: 80px;}
.window-sm #passchange_box{width: 650px; height:300px;margin-left: 50px; margin-top: 30px;}
.window-sm #passchange_input{width: 650px;　height: 15px; height: 300px; font-size: 12px;}
.window-sm #passchange_exp2{width: 150px; height: 25px; font-size: 15px; margin-top: 2px; margin-left: 0px; line-height: 25px;float: left;}
.window-sm #passchange_exp3{width: 650px; font-size: 12px; text-align: center;}

.window-xs #passchange #popup_outline{margin-top: 1em;}
.window-xs #passchange_exp1{color:#000099; text-align: center; margin-bottom: 1em;}

/* -------------------------ここまでパスワードの変更(2)に関するCSS------------------------- */


/* -------------------------ここから新規会員登録に関するCSS----------------------------- */

.window-not-xs.window-not-sm #join_exp1{width: 950px;height: 80px; font-size: 18px; color:#000099; text-align: center;line-height: 80px; background-color:#FFFFFF;}
.window-not-xs.window-not-sm #join_box1{width: 950px; height: 380px; margin-left: 0px; margin-top: 0px; font-size: 15px; background-color:#FFFFFF;}
.window-not-xs.window-not-sm #join_input3{width: 700px; height: 30px; margin: 0px auto; font-size: 12px; }
.window-not-xs.window-not-sm #join_table{width: 700px; margin: 0px auto; display: block;}
.window-not-xs.window-not-sm #join_table td { line-height: 2.5em; }
.window-not-xs.window-not-sm #join_table td.label {width: 10em;}

.window-sm #join_exp1{width: 700px; font-size: 18px; color:#000099; text-align: center;line-height: 80px; background-color:#FFFFFF;}
.window-sm #join_box1{width: 700px; margin-left: 0px; margin-top: 0px; font-size: 15px; background-color:#FFFFFF;}
.window-sm #join_input3{width: 600px;  margin: 0px auto; font-size: 12px; }
.window-sm #join_table{width: 600px; margin: 0px auto; display: block;}
.window-sm #join_table td { line-height: 2.5em; }
.window-sm #join_table td.label {width: 10em;}

.window-xs #join_exp1{color:#000099; text-align: center;background-color:#FFFFFF;}
.window-xs #join_box1{margin: 20px 5px; font-size: 15px; background-color:#FFFFFF;}
.window-xs #join_input3{margin: 0px auto; font-size: 12px; }
.window-xs .help-block { color: #999999; }

/* -------------------------ここまで新規会員登録に関するCSS----------------------------- */

/* -------------------------ここから登録確認に関するCSS--------------------------------- */

.window-not-xs #joinconfirm_con1{width: 950px;height: 80px; font-size: 18px; color:#000099; text-align: center;line-height: 80px; letter-spacing: 0.4em; float: left; background-color:#FFFFFF;}
.window-not-xs #joinconfirm_con2{width: 950px; height: 25px; font-size: 15px;float: left; text-align: center;line-height: 25px; letter-spacing: 0.4em; background-color:#FFFFFF}
.window-not-xs #joinconfirm_box1{width: 950px; height:305px;background-color: #FFFFFF; margin-top: 0px; margin-left:0px; float: left;}
.window-not-xs #joinconfirm_box2{width: 450px; height:290px;background-color: #FFFFFF; margin-top: 10px; margin-left:250px;}
.window-not-xs #joinconfirm_box3{width: 950px; height:40px;background-color: #FFFFFF; margin-top: 0px; margin-left:0px; float: left;}
.window-not-xs #joinconfirm_name_bx{width: 130px;height: 18px; margin-left: 0px; margin-top: 0px; font-size: 15px; float: left;}
.window-not-xs #joinconfirm_name_chek{width: 300px;height: 20px; margin-left: 0px; margin-top: 0px; font-size: 15px; float: left;}
.window-not-xs #joinconfirm_adress_bx{width: 130px;height: 18px; margin-left: 0px; margin-top: 30px; font-size: 15px; float: left;}
.window-not-xs #joinconfirm_adress_chek{width: 300px;height: 20px; margin-left: 0px; margin-top: 30px; font-size: 15px; float: left;}
.window-not-xs #joinconfirm_tll_bx{width: 130px;height: 18px; margin-left: 0px; margin-top: 30px; font-size: 15px; float: left;}
.window-not-xs #joinconfirm_tll_chek{width: 300px;height: 20px; margin-left: 0px; margin-top: 30px; font-size: 15px; float: left;}
.window-not-xs #joinconfirm_mail_bx{width: 130px;height: 18px; margin-left: 0px; margin-top: 30px; font-size: 15px; float: left;}
.window-not-xs #joinconfirm_nail_chek{width: 300px;height: 20px; margin-left: 0px; margin-top: 30px; font-size: 15px; float: left;}
.window-not-xs #joinconfirm_next{width: 310px; height:22px; margin-left: 0px; margin-top: 30px; font-size: 12px; float: left;}
.window-not-xs #joinconfirm_next_exp{width: 140px; height:16px; margin-top: 5px; font-size: 12px; margin-left: 0px; float: left;}
.window-not-xs #joinconfirm_before{width: 310px; height:22px; margin-left: 0px; margin-top: 10px; font-size: 12px; float: left;}
.window-not-xs #joinconfirm_before_exp{width: 140px; height:16px; margin-top: 5px; font-size: 12px; margin-left: 0px; float: left;}
.window-not-xs #joinconfirm_attention{width: 500px; height:40px; margin-top: 0px; font-size: 12px; line-height: 140%; margin-left:250px;}

.window-xs #joinconfirm_con1{color:#000099; text-align: center; letter-spacing: 0.2em; background-color:#FFFFFF;margin-bottom: 1em;}
.window-xs #joinconfirm_name_chek,
.window-xs #joinconfirm_adress_chek,
.window-xs #joinconfirm_name_chek,
.window-xs #joinconfirm_tll_chek,
.window-xs #joinconfirm_nail_chek {margin-bottom: 1em;}
.window-xs #joinconfirm_next { margin-bottom: 1em; }
.window-xs #joinconfirm_before { margin-bottom: 1em; }
.window-xs #joinconfirm_attention{font-size: 12px;}

/* -------------------------ここまで登録確認に関するCSS--------------------------------- */

/* -------------------------ここから登録完了に関するCSS--------------------------------- */

.window-not-xs #joinfinish_con1{width: 950px; height: 80px; font-size: 18px; color:#000099;  text-align: center;line-height: 80px;letter-spacing: 0.2em; background-color:#FFFFFF;}
.window-not-xs #joinfinish_box1{width: 950px; height:265px;background-color: #FFFFFF; margin-top: 0px; margin-left:0px;}
.window-not-xs #joinfinish_box2{width: 450px; height:250px;background-color: #FFFFFF; margin-top: 10px; margin-left:250px;}
.window-not-xs #joinfinish_box3{width: 950px; height:60px;background-color: #FFFFFF; margin-top: 0px; margin-left:0px;}
.window-not-xs #joinfinish_name_bx{width: 130px;height: 18px; margin-left: 0px; margin-top: 0px; font-size: 15px; float: left;}
.window-not-xs #joinfinish_name_chek{width: 300px;height: 20px; margin-left: 0px; margin-top: 0px; font-size: 15px; float: left;}
.window-not-xs #joinfinish_adress_bx{width: 130px;height: 18px; margin-left: 0px; margin-top: 30px; font-size: 15px; float: left;}
.window-not-xs #joinfinish_adress_chek{width: 300px;height: 20px; margin-left: 0px; margin-top: 30px; font-size: 15px; float: left;}
.window-not-xs #joinfinish_tll_bx{width: 130px;height: 18px; margin-left: 0px; margin-top: 30px; font-size: 15px; float: left;}
.window-not-xs #joinfinish_tll_chek{width: 300px;height: 20px; margin-left: 0px; margin-top: 30px; font-size: 15px; float: left;}
.window-not-xs #joinfinish_mail_bx{width: 130px;height: 18px; margin-left: 0px; margin-top: 30px; font-size: 15px; float: left;}
.window-not-xs #joinfinish_nail_chek{width: 300px;height: 20px; margin-left: 0px; margin-top: 30px; font-size: 15px; float: left;}
.window-not-xs #joinfinish_next{width: 450px; height:22px; margin-left: 0px; margin-top: 30px; font-size: 12px; float: left;}
.window-not-xs #joinfinish_next_exp{width: 280px; height:16px; margin-top:2px; font-size: 15px; margin-left: 0px; float: left;}
.window-not-xs #joinfinish_attention{width: 600px; height:60px; margin-top: 0px; font-size: 12px; line-height: 140%; margin-left:250px;}

.window-xs #joinfinish_con1{color:#000099; text-align: center; letter-spacing: 0.2em; background-color:#FFFFFF;margin-bottom: 1em;}
.window-xs #joinfinish_name_chek,
.window-oinfinish_name_chek,
.window-xs #joinfinish_adress_chek,
.window-xs #joinfinish_name_chek,
.window-xs #joinfinish_tll_chek,
.window-xs #joinfinish_nail_chek {margin-bottom: 1em;}
.window-xs #joinfinish_next { margin-bottom: 1em; }
.window-xs #joinfinish_before { margin-bottom: 1em; }
.window-xs #joinfinish_attention{font-size: 12px;}

/* -------------------------ここまで登録完了に関するCSS--------------------------------- */

/* -------------------------ここからユーザー認証に関するCSS----------------------------- */

#login_wrap { margin: 45px auto; width: 600px; }

.login_navi_message{ font-size: 18px; color: #000099; font-weight: normal; }

/* アップロード方式選択 */
#login_choice{
	margin-top: 15px;
	width: 600px;
}

#login_choice_p1{width: 290px;height: 131px; margin-left:0px;float: left;}
#login_choice_p2{width: 290x;height: 131px; margin-left:0px;float: left;}


#login_choice_b1{width: 290px;height: 30px; font-size: 15px;text-align: center;line-height: 30px;margin-left:0px;float: left;}
#login_choice_b2{width: 300px;height: 20px; font-size: 12px;float: left; text-align: center;}

/* メールアドレス パスワード入力 */
#login_box{width: 600px; height: 200px; font-size: 10pt; text-align: left; margin-top: 15px;}
#login_form{ font-size: 10pt; margin: 15px auto; }
#login_form td{ text-align: left; line-height: 2em;}
#login_form td#submit{ text-align: center;}

/* -------------------------ここまでユーザー認証に関するCSS----------------------------- */

/* -------------------------ここからご利用ガイドに関するCSS------------------------- */

#guide_tit{width: 950px; height: 30px;margin-top: 20px; font-size: 18px;text-align: left;line-height: 30px; margin-left: 0px;}
#guide_exp{width: 950px; margin-left: 0px; font-size: 12px; line-height: 150%;}
#guide_keitai_index{width: 250px; height: 100px; font-size: 12px; line-height: 150%; float: right;}
#guide_exp_img{width: 630px; margin-left: 0px; margin-top: 5px; margin-bottom: 5px; font-size: 12px; text-align: center;}
#guide_box{width: 950px; margin-left: 0px; margin-top: 0px; background-color:#FFFFFF;}

/* -------------------------ここまでご利用ガイドご案内に関するCSS------------------------- */


/* -------------------------ここからよくある質問に関するCSS------------------------- */

#qanda_box{width: 950px; height: 1200px; margin-left: 0px;  background-color: #FFFFFF;}

#qanda_tit{width: 930px; margin-left: 10px; margin-top: 15px; font-size: 16px; text-align: center;line-height: 40px; margin-left:10px; height: 40px;
letter-spacing: 5pt; border-style: solid; border-color: #F7F7F7 #D1D9DA #D1D9DA #F7F7F7; border-width: 1px;
margin-bottom: 5px; background-color: #EFEFEF;}
 
#qanda_q{width: 930px; height: 25px; margin-left: 10px; font-size: 12px; text-align: left; line-height: 25px; margin-top: 8px;  background-color: #EFEFEF;}
#qanda_a{width: 930px; height: 25px; margin-left: 10px; font-size: 12px; text-align: left; line-height: 25px;  background-color: #F7F7F7;}

/* --------------------------ここから規約に関するCSS------------------------ */

.window-not-xs #kiyaku_box{
	width: 100%;
	 font-size: 12px;
	 line-height: 140%;
	  background-color:#FFFFFF;
    margin-bottom: 30px;
}

.window-not-xs #kiyaku1{
	height: 70px;
	margin-left: 70px;
	margin-right: 70px;
	margin-top: 20px;
	font-size: 12px;
	line-height: 140%;
	background-color:#FFFFFF;
}
.window-not-xs #kiyaku2{
	height: 25px;
	margin-left:70px;
	margin-right: 70px;
	margin-top: 15px;
	font-size: 12px;
	line-height: 25px;
	background-color:#FFFFFF;
	text-align: center;

}
.window-not-xs #kiyaku3{
	margin-left: 70px;
	margin-right: 70px;
	margin-top: 5px;
	font-size:12px;
	line-height:140%;
	background-color:#FFFFFF;
}

.window-xs #kiyaku_box{
	 font-size: 12px;
	 line-height: 140%;
	  background-color:#FFFFFF;
    margin-bottom: 30px;
}

.window-xs #kiyaku1{
	margin-left: 5px;
	margin-top: 20px;
	font-size: 12px;
	line-height: 140%;
	background-color:#FFFFFF;
}
.window-xs #kiyaku2{
	margin-left: 5px;
	margin-top: 15px;
	font-size: 12px;
	line-height: 25px;
	background-color:#FFFFFF;
	text-align: center;

}
.window-xs #kiyaku3{
	margin-left: 5px;
	margin-top: 5px;
	font-size:12px;
	line-height:140%;
	background-color:#FFFFFF;
}

/* --------------------------ここまで規約に関するCSS------------------------ */

/* --------------------------ここから個人情報に関するCSS-------------------- */
.window-not-xs #privacy_box{
	width: 100%;
	background-color:#FFFFFF;
}

.window-not-xs #privacy2{
	margin-top: 20px;
	margin-left: 65px;
	margin-right: 65px;
	font-size: 12px;
	line-height: 140%;
	background-color:#FFFFFF;
	word-break: break-all;
}

.window-xs #privacy_box{
	background-color:#FFFFFF;
}

.window-xs #privacy2{
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 20px;
	font-size: 12px;
	line-height: 140%;
	background-color:#FFFFFF;
}

/* --------------------------ここまで個人情報に関するCSS-------------------- */



/* -------------------------ここからプライスリストCSS------------------------- */

#pricelist_outline{width: 800px; height: 1100px;  margin: 0px auto; background-color:#FFFFFF}

#pricelist_tit{width: 800px; height: 60px; margin-left: 0px; margin-top: 0px; font-size: 16px; text-align: center;  line-height:60px;
letter-spacing: 5pt;}

#pricelist_price_box{width: 802px; margin-left: 0px; background-color:#FFFFFF; }


#pricelist_size_p{width: 400px; height: 30px; margin-left: 0px; font-size: 15px; text-align: center;  line-height: 30px;
margin-top: 1px; float: left; background-color: #E3E3E3;}
#pricelist_np_p{width: 400px; height: 30px; margin-left: 1px; font-size: 15px; text-align: center;  line-height: 30px;
margin-top: 1px; float: left; background-color: #E3E3E3;}


#pricelist_size{width: 200px; height: 30px; margin-left: 0px; font-size: 15px; text-align: right;  line-height: 30px;
margin-top: 1px; float: left; background-color: #E6E6E6;}
#pricelist_no{width: 200px; height: 30px; margin-left: 0px;  font-size: 15px;　text-align: left;  line-height: 30px;
margin-top: 1px; float: left; background-color: #E6E6E6;}
#pricelist_np{width: 200px; height: 30px; margin-left: 1px; font-size: 15px; text-align: right;  line-height: 30px;
margin-top: 1px; float: left; background-color: #E6E6E6;}
#pricelist_en{width: 200px; height: 30px; margin-left: 0px;  font-size: 15px;　text-align: left;  line-height: 30px;
margin-top: 1px; float: left; background-color: #E6E6E6;}


/* -------------------------ここからプリントサイズ参考表CSS------------------- */


#l_outline1{width: 266px; height: 180px; margin-left: 0px; margin-top: 1px; background-color: #F7F7F7; float: left;}
#l_outline2{width: 266px; height: 80px; background-color: #F7F7F7;}
#l_outline3{width: 51px; height: 38px; margin-left: 108px; margin-top: 21px; background-color: #FFFFFF; border-color: #666666;
border-width: 1px; border-style: solid; font-size: 16px; text-align: center; vertical-align: middle; line-height:38px;}

#kg_outline1{width: 266px; height: 180px; margin-left: 1px; margin-top: 1px; background-color: #F7F7F7; float: left;}
#kg_outline2{width: 266px; height: 80px; background-color: #F7F7F7;}
#kg_outline3{width: 63px; height: 45px; margin-left: 101px; margin-top: 18px; background-color: #FFFFFF; border-color: #666666;
border-width: 1px; border-style: solid; font-size: 16px; text-align: center; vertical-align: middle; line-height:45px;}

#cab_outline1{width: 266px; height: 180px; margin-left: 1px; margin-top: 1px; background-color: #F7F7F7; float: left;}
#cab_outline2{width: 266px; height: 80px; background-color: #F7F7F7;}
#cab_outline3{width: 76px; height: 55px; margin-left: 95px; margin-top: 13px; background-color: #FFFFFF; border-color: #666666;
border-width: 1px; border-style: solid; font-size: 16px; text-align: center; vertical-align: middle; line-height:55px;}

#lkccom1{width: 266px; height: 25px; margin-left: 0px; margin-top: 0px; background-color: #EFEFEF;
font-size: 12px; text-align: center; vertical-align: middle; line-height:25px;}
#lkccom2{width: 266px; height: 25px; margin-left: 0px; margin-top: 0px; background-color: #F7F7F7;
font-size: 12px; text-align: center; vertical-align: middle; line-height:25px;}

#mutsu_outline1{width: 400px; height: 211px; margin-left: 0px; margin-top: 1px; background-color: #F7F7F7; float: left;}
#mutsu_outline2{width: 400px; height: 111px; background-color: #F7F7F7;}
#mutsu_outline3{width: 107px; height: 85px; margin-left: 146px; margin-top: 13px; background-color: #FFFFFF; border-color: #666666;
border-width: 1px; border-style: solid; font-size: 16px; text-align: center; vertical-align: middle; line-height:85px;}

#wmutsu_outline1{width: 399px; height: 211px; margin-left: 1px; margin-top: 1px; background-color: #F7F7F7; float: left;}
#wmutsu_outline2{width: 399px; height: 111px; background-color: #F7F7F7;}
#wmutsu_outline3{width: 127px; height: 85px; margin-left: 136px; margin-top: 13px; background-color: #FFFFFF; border-color: #666666;
border-width: 1px; border-style: solid; font-size: 16px; text-align: center; vertical-align: middle; line-height:85px;}

#yotsu_outline1{width: 400px; height: 233px; margin-left: 0px; margin-top: 1px; background-color: #F7F7F7; float: left;}
#yotsu_outline2{width: 400px; height: 133px; background-color: #F7F7F7;}
#yotsu_outline3{width: 127px; height: 107px; margin-left: 136px; margin-top: 13px; background-color: #FFFFFF; border-color: #666666;
border-width: 1px; border-style: solid; font-size: 16px; text-align: center; vertical-align: middle; line-height:107px;}

#wyotsu_outline1{width: 399px; height: 233px; margin-left: 1px; margin-top: 1px; background-color: #F7F7F7; float: left;}
#wyotsu_outline2{width: 399px; height: 133px; background-color: #F7F7F7;}
#wyotsu_outline3{width: 155px; height: 107px; margin-left: 122px; margin-top: 13px; background-color: #FFFFFF; border-color: #666666;
border-width: 1px; border-style: solid; font-size: 16px; text-align: center; vertical-align: middle; line-height:107px;}

#mycom1{width: 400px; height: 25px; margin-left: 0px; margin-top: 0px; background-color: #EFEFEF;
font-size: 12px; text-align: center; vertical-align: middle; line-height:25px; float: left;}
#mycom2{width: 400px; height: 25px; margin-left: 0px; margin-top: 0px; background-color: #F7F7F7;
font-size: 12px; text-align: center; vertical-align: middle; line-height:25px; float: left;}
#mycom3{width: 399px; height: 25px; margin-left: 0px; margin-top: 0px; background-color: #EFEFEF;
font-size: 12px; text-align: center; vertical-align: middle; line-height:25px; float: left;}
#mycom4{width: 399px; height: 25px; margin-left: 0px; margin-top: 0px; background-color: #F7F7F7;
font-size: 12px; text-align: center; vertical-align: middle; line-height:25px; float: left;}

#pricelist_caut{width: 800px; height: 30px; margin-left: 00px;margin-top: 3px; font-size: 12px; text-align: center;}

/* -------------------------ここまでプリント価格表に関するCSS------------------------- */

/* -------------------------ここから店舗のご案内に関するCSS--------------------------- */

#common_head01{
	width: 950px;
	height:30px;
}

table#common_head02{
	width: 950px;
	height: 30px;
	font-size: 16px;
	text-align: center;
	background-color: #1e479e;
	color: #FFFFFF;
}

.tenpo_box2{
	width: 930px;
	background-color:#FFFFFF;
	margin-top: 10px;
}
.tenpo_box2 #tenpo_image{
	width: 280px;
	height: 210px;
	border: solid 1px #8FACF8;
	float: left;
	margin-right: 10px;
}

.tenpo_box2 #tenpo_info2{
	width: 340px;
	float: left;
	font-size: 12px;
}
.tenpo_box2 #tenpo_map{
	width: 280px;
	height: 210px;
	border: solid 1px #8FACF8;
	float: right;
	text-align: center;
	line-height: 210px;
}

.tenpo_box2 table#tenpo_exp01{
	width: 100%;
	height:25px;
	font-size: 16px;
	margin-top: 10px;
}

.tenpo_box2 table#tenpo_exp02{
	width: 100%;
	height:25px;
	font-size: 16px;
}

.tenpo_mobile table#tenpo_exp01{
	width: 100%;
	height:25px;
	font-size: 16px;
	margin-top: 10px;
}

.tenpo_mobile table#tenpo_exp02{
	width: 100%;
	height:25px;
	font-size: 16px;
}

.tenpo_mobile #tenpo_image{
	width: 40%;
	border: solid 1px #8FACF8;
	float: right;
	margin-right: 10px;
}

.tenpo_mobile #tenpo_image img {
	width: 100%;
}

.tenpo_mobile{
	background-color:#FFFFFF;
	margin-top: 10px;
	margin-bottom: 20px;
}
.tenpo_mobile #tenpo_info2{
	width: 50%;
	float: left;
	font-size: 12px;
}

.tenpo_mobile table #tenpo_exp01{
	width: 100%;
	font-size: 16px;
}

.tenpo_mobile table#tenpo_exp01 p  { margin: 0; }

.tenpo_mobile table#tenpo_exp02{
	width: 100%;
	height:25px;
	font-size: 16px;
}

/* -------------------------ここまで店舗のご案内に関するCSS--------------------------- */

/* -------------------------ここからアップロード画面に関するCSS----------------------- */


#log
{
	width: 100%;
	height: 200px;
	overflow: auto;
	font-size: 9pt;
	font-family: monospace;
	background-color: #333333;
	color: #FFFFFF;
}

/* ActiveXアップロード画面独自のCSS */

/* 旧来のアップロード画面独自のCSS */

/* -------------------------ここまでアップロード画面に関するCSS----------------------- */