/* CSS Document */

body {
padding:0;
margin:0;
font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:16px;
}

p,h1,h2 {
padding:0;
margin:0;
}

a:link { color: #666666; }
a:visited { color: #666666; }
a:hover { color: #999999; }
a:active { color: #66666; }

#all {
text-align:center;
}



#header {
height:245px;
background:url(../img/head_back.gif) repeat-x;
color:#666666;

}

#header img{
margin-top:57px;
}

#header p {
margin-top:32px;
}



#center_field {
background:url(../img/center_back.png) repeat-x;
border-bottom:#CCCCCC solid 1px;
padding-top:38px;
padding-bottom:20px;
overflow: hidden;
}

#agree_contents {
width:770px;
margin:0 auto;
text-align:left;
font-size:80%;
color:#333333;
}

#agree_contents p{
margin:10px 0;
}

#faq_contents {
width:550px;
margin:0 auto;
text-align:left;
font-size:80%;
color:#333333;
line-height:200%;
}

#log_contents {
width:770px;
margin:0 auto;
text-align:left;
font-size:80%;
color:#333333;
line-height:200%;
}

#faq_contents dt {
margin-top:20px;
font-weight:bold;
}

#faq_contents dd {
margin:0;
padding:0;
}

#sales_and_com_contents {
width:500px;
margin:0 auto;
text-align:left;
font-size:80%;
color:#333333;
line-height:150%;
}

#sales_and_com_contents dt {
margin-top:15px;
font-weight:bold;
}

#sales_and_com_contents dd {
margin:0;
padding:0;
}

#sitemap_contents {
width:360px;
margin:0 auto;
text-align:left;
font-size:80%;
color:#333333;
line-height:200%;
}

#sitemap_contents dt {
margin-top:15px;
font-weight:bold;
}

#sitemap_contents dd {
margin:0;
padding:0;
}




#log_contents dt{
float:left;
clear:left;
width:100px;
}

#log_contents dd{
float:left;
}

#make_contents {
width:770px;
margin:0 auto;
text-align:left;
font-size:80%;
}

#make_contents h2{
font-weight:bold;
font-size:100%;
padding-bottom:10px;
display:inline;
}

#photo_field {
width:385px;
float:left;
}

.SI-FILES-STYLIZED label.cabinet
{
	width: 145px;
	height: 28px;
	/*background: url(../img/btn-choose-file.gif) 0 0 no-repeat;*/
	background: url(../img/select.gif) no-repeat center;
	/*background-color:#FF0000;*/
	display:block;
	overflow: hidden;
	cursor: pointer;
	/*float:left;*/
	/*margin-top: -24px;
	margin-left: 4px;*/
	/*position:absolute;*/
}

.SI-FILES-STYLIZED label.cabinet input.filefield
{
	position: relative;
	height: 100%;
	width: auto;
	cursor: pointer;
	/*opacity: 0.5;
	-moz-opacity: 0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);*/
	opacity: 0;
	-moz-opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

/*#text1,#text2,#text3,#text4,#text5 {
width:200px;
margin-left:10px;
}*/

/*#view1,#view2,#view3,#view4,#view5 {
clear:left;
margin-top:2px;
}*/

.file_checks {
width:200px;
height:72px;
position:relative;
margin-top:5px;
/*background: url(../img/choose_gray.jpg) no-repeat center;*/
cursor: pointer;
}

.views {
clear:left;
margin-top:2px;
}

.file_checks img{
margin-left:5px;
}


#size_field {
margin-left:66px;
}

#size {
margin:5px 0;
}

#size_w, #size_h {
width:50px;
}

#get_btn {
display:block;
margin:28px auto ;
}

#option_field {
clear:left;
padding-top:25px;
}

#more_option {
font-weight:bold;
}

#proparty {
height:180px;
}

#option_field dl{
float:left;
width:385px;
}

#option_field dt {
float:left;
width:80px;
height:35px;
}

#option_field dd {
height:35px;
}

#option_field td {
width:80px;
}

#links {
width:220px;
}

#menu{
text-align:center;
margin-top:10px;
height:25px;
}

#menu2 {
text-align:center;
margin-top:0px;
height:15px;
padding-bottom: 30px;
margin-bottom: 30px;
}

*+html body #menu2{
margin-bottom: 0px;
}

#menu a, #menu2 a{
margin-right:10px;
font-size:80%;
color:#666666;
}

#menu a:hover,#menu2 a:hover{
text-decoration:none;
}

#menu2 img{
border: none;
}

.bookmarker {
text-decoration:none;
}

.eof {
clear:both;
}

/*#footer {
clear:left;
font-size:80%;
color:#666666;
margin-top:15px;
}*/

#code {
font-size:60%;
}

#screen {
position: fixed!important;
position: absolute;
}

#preview {
position: fixed!important;
position: absolute;
width:500px;
overflow:hidden;
background-color:#FFFFFF;
border:1px #333333 solid;
height:0px;
display:none;
}

#preview_field {
width:2500px;
}

#step1 {
/*background-color:#9999FF;*/
}
#step2 {
/*background-color:#0066FF;*/
}
#thanks {
text-align:center;
}

#swf_size {
text-align:right;
padding:5px 0;
font-size:80%;
color:#999999;
}

.window {
width:500px;
float:left;
}

.screens {
position: fixed!important;
position: absolute;
width:0px;
height:0px;
}

.image_previews {
position: fixed!important;
position: absolute;
width:800px;
overflow:hidden;
background-color:#FFFFFF;
border:1px #333333 solid;
height:0px;
display:none;
background: url(../img/back.jpg) repeat-y;
color:#FFFFFF;
z-index: 3;
}

.select_close {
position: fixed!important;
position: absolute;
}

#preview_close_btn {
position: fixed!important;
position: absolute;
display:none;
}

.image_pn_btn {
width:30px;
float:left;
font-size:80%;
text-align:center;
margin-top:20px;
}

.image_tools {
clear:left;
width:800px;
height:50px;
}

.image_searchs {
float:left;
margin:15px 0 0 0;
position: relative;
left: 50px;
display:none;
}
.image_searchs input {
width:200px;
}
.image_searchs img {
margin:0 0 -8px 10px;
cursor: pointer;
}

.image_categorys {
margin:20px 0 0 0;
float:left;
width:480px;
position: relative;
left: 50px;

}
.search_categorys {
text-decoration:underline;
cursor: pointer;
margin-left:10px;
}

.image_uploads {
float:right;
width:111px;
margin-top:15px;
position: relative;
right: 50px;
overflow: visible;
}

.image_uploads label{
	width: 164px;


}

.cabinet{
overflow: visible !important;
}

.image_preview_ls{
clear:left;
/*margin:25px 0 0 0;*/
width:800px;
background:#FFFFFF;
border-top:#333333 1px solid;
height:475px;
}

.image_preview_fields {
width:740px;
float:left;
overflow:hidden;
height:78px;
}

.image_preview_steps {
width:740px;
float:left;
margin-top: 5px;
}

.imagethumb {
font-size:80%;
float:left;
text-align:center;
cursor: pointer;
width:100px;
margin-left:5px;
}

.imagethumb img{
margin:5px 0 3px 0;
padding:0;
}


.help_btns {
color:#0000CC;
display:inline;
cursor:help;
}

.help_contents {
position:absolute;
padding:5px;
background-color:#FFFFCC;
border:#999999 1px solid;
white-space:   nowrap;
display:inline;
}


/*pro*/
.menu_field {
overflow:hidden;
width:770px;
text-align:center;
height:0px;
font-size:13px;
}
.menu_field_in {
background-color:#666666;
color:#FFF;
width:770px;
padding:10px 10px 10px 15px;
margin:0 auto;
overflow: hidden;
}
.thumb {
text-align:center;
width:80px;
float:left;
margin:6px;

}
.menu_field_thumb{
clear:left;
margin-top:10px;
}
/*写真フィールド*/
.div_field {
margin: 15px 0 0 0;
/*border:solid 1px #666;*/
background-color:#DDD;
overflow: hidden;
}
.photos {
float:left;
width:220px;
}
.photo_input{
display:block;
width:220px;
}

.photomenu_btn {
cursor: pointer;
display:inline;
}
.photomenu_btn img{
margin-top:5px;
}

.text_field {
float:left;
margin-left:2px;
}
.text_field div {
}
.add_field {
clear:left;
width:750px;
padding:5px 0;
text-align:right;
cursor: pointer;
}
.add_field img{
display:none;
}
.more {
height:0;
overflow:hidden;
}
.texts {
width:505px;
padding:0 10px 10px 10px;
background-color:#EEE;
color:#666666;
border-bottom:#CCC solid 1px;
border-left:#CCC solid 1px;
border-right:#CCC solid 1px;
}
.texts dl {
}
.texts dt {
font-size:17px;
clear:left;
float:left;
width:100px;
margin-top:10px;
}
.texts dd {
font-size:16px;
float:left;
width:405px;
margin:10px 0 0 0;
}
.dlline_top {
padding:10px 0;
}
.dlline {
border-top:#CCC 1px dotted;
padding:10px 0;
}
.texts_ctl {
clear:left;
width:500;
text-align:right;
padding:5px 0;
}
.bord_ctl {
width:735px;
text-align:right;
padding:10px 10px 5px 0;
}
.select_ctl {
position:absolute;
cursor: pointer;
left:690px;
top:564px;
}
.texts_ctl img {
border:0px;
}
.bord_ctl img {
border:0px;
}

.photo_add{
width:770px;
margin:10px 0;
/*text-align:right;*/
}
#photo_add_btn{
cursor: pointer;
}

.images_l_txt {
margin:180px auto;
color:#333333;
}

/*入力パーツ*/
.textinput {
width:520px;
height:20px;
font-size:17px;
margin:7px 0 0 0;
display:block;
}
.texts input {
height:20px;
font-size:17px;
border:#CCC 1px solid;
}
.texts select {
height:20px;
font-size:14px;
}
.input_int {
width:30px;
}
.input_color {
width:60px;
}

#setting_etc {
width:750px;
text-align:center;
background-color:#DDD;
margin:15px auto;
padding:10px;
}

/*ご購入*/

#freead_btn {
width:168px;
float:left;
margin-top:10px;
}
#buy_btn {
width:168px;
float:left;
/*margin-left:82px;*/
margin-top:10px;
}

.back_btn {
margin-top:10px;
margin-left:82px;
}
.go_btn {
margin-top:10px;
}

#step1 {
text-align:center;
}

#thanks p,#kiyaku p{
font-size:80%;
color:#000000;
margin-bottom:15px;
}

#orderform ,#pay_type{
/*width:500px;*/
font-size:80%;
}

#orderform2 {
width:500px;
font-size:80%;
margin-right:auto;
margin-left:auto;
}

#orderform dl, #orderform2 dl ,#pay_type dl{
margin-left:10px;
}

#pay_type h4 {
margin-left:10px;
margin-top:10px;
}

#orderform dt, #orderform2 dt {
clear:left;
float:left;
width:120px;
margin:5px 0;
border-top:#CCCCCC dotted 1px;
padding-top:5px;
}

#orderform dd, #orderform2 dd {
float:left;
width:360px;
margin:5px 0;
border-top:#CCCCCC dotted 1px;
padding-top:5px;
}

#pay_type dt {
clear:left;
float:left;
width:160px;
margin:5px 0;
border-top:#CCCCCC dotted 1px;
padding-top:5px;
}

#pay_type dd {
float:left;
width:320px;
margin:5px 0;
border-top:#CCCCCC dotted 1px;
padding-top:5px;
}

#orderform p, #orderform2 p ,#pay_type p {
font-size:80%;
width:100%;
}

#orderform input.s, #orderform2 input.s {
width:120px;
}
#orderform input.m, #orderform2 input.m {
width:200px;
}
#orderform2 input.m {
width:300px;
}


#orderform input.l, #orderform2 input.l {
width:350px;
}

#orderform img,#pay_type img ,#kiyaku img{
border:0px;
}

#kiyaku h4{
margin-left:10px;
margin-top:10px;
}

#agreewindow {
width:480px;
margin-left:10px;
}

#kiyaku_next {
cursor:default;
}

#kiyaku p{
margin-left:10px;
}

/*footer*/
div#footer {
width:100%;
height:25px;
background:#555555 ;
bottom:0;
position:fixed;
z-index:2;
line-height:25px;
font-size:12px;
}

div#footer dl {
margin:0;
color: white;
}
div#footer dt {
float:left;
margin-left:20px;
color: white;
}

div#footer dd {
float:right;
margin-right:20px;
color: white;
font-size:10px;
}

div#footer dd a {
color: white;
}

div#footer address {
font-style:normal;
}

#beginner{
width: 560px;
height: 50px;
background: #ffffff;
margin-bottom: 20px;
}

div#all #beginner{
text-align:left;
margin-left: auto;
margin-right: auto;
}

div#all #beginner .space1{
padding-top: 7px;
border: none;
}

div#all #beginner .img_space1{
margin-right: 9px; 
}

.agreement_h2{
margin-top: 15px;
display:block !important;
}

h1 img{
border: none;
}

#privacy_mark{
position: fixed;
right: 10px;
bottom: 30px;
}

#explain{
background: url(../img/help.jpg) 0 2px no-repeat #666666;
position: fixed;
top: 0px;
color: white;
width: 100%;
display: none;
font-size: 80%;
line-height:150%;
padding: 4px 40px 4px 70px;
}

/*FLASHができるまで*/

#howto {
width:777px;
margin:0 auto;
text-align:center;
}

#howto img {
text-align:center;
margin:20px 0px 20px 0px;
}

#howto p {
width:750px;
margin:0px 0px 25px 0px;
text-align:left;
font-size:80%;
color:#666666;
line-height:1.5em;
}

#pg_top {
width:777px;
margin:20px 0px;
text-align:right;
font-size:80%;
color:#666666;
}

.contact_title{
padding: 10px;
border-bottom: 1px dotted #999999;
width: 150px;
}

.contact_value{
padding: 10px;
border-bottom: 1px dotted #999999;
}

#order_table1{
margin-left: auto;
margin-right: auto;
width: 750px;
margin-bottom:20px;
}

/*STEP1*/

ul#step_menu1{
    list-style:none;
    width:100%;
	margin:20px 0px 50px 0px;
	padding:0px;
}
ul#step_menu1 li{
    list-style:none;
    float:left;
    width:153px;
}
ul#step_menu1 a{
    display:block;
    width:153px;
    height:49px;
    text-indent:-1000px;
    overflow:hidden;
}

#step_menu1 a.step1_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:0px 0px;
}
#step_menu1 a:hover.step1_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:0px 0px;
}

#step_menu1 a.step2_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-153px -49px;
}
#step_menu1 a:hover.step2_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-153px 0px;
}

#step_menu1 a.step3_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-306px -49px;
}
#step_menu1 a:hover.step3_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-306px 0px;
}

#step_menu1 a.step4_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-459px -49px;
}
#step_menu1 a:hover.step4_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-459px 0px;
}

#step_menu1 a.step5_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-612px -49px;
}
#step_menu1 a:hover.step5_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-612px 0px;
}

/*STEP2*/

ul#step_menu2{
    list-style:none;
    width:100%;
	margin:20px 0px 50px 0px;
	padding:0px;
}
ul#step_menu2 li{
    list-style:none;
    float:left;
    width:153px;
}
ul#step_menu2 a{
    display:block;
    width:153px;
    height:49px;
    text-indent:-1000px;
    overflow:hidden;
}

#step_menu2 a.step1_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:0px -49px;
}
#step_menu2 a:hover.step1_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:0px 0px;
}

#step_menu2 a.step2_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-153px 0px;
}
#step_menu2 a:hover.step2_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-153px 0px;
}

#step_menu2 a.step3_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-306px -49px;
}
#step_menu2 a:hover.step3_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-306px 0px;
}

#step_menu2 a.step4_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-459px -49px;
}
#step_menu2 a:hover.step4_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-459px 0px;
}

#step_menu2 a.step5_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-612px -49px;
}
#step_menu2 a:hover.step5_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-612px 0px;
}

/*STEP3*/

ul#step_menu3{
    list-style:none;
    width:100%;
	margin:20px 0px 50px 0px;
	padding:0px;
}
ul#step_menu3 li{
    list-style:none;
    float:left;
    width:153px;
}
ul#step_menu3 a{
    display:block;
    width:153px;
    height:49px;
    text-indent:-1000px;
    overflow:hidden;
}

#step_menu3 a.step1_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:0px -49px;
}
#step_menu3 a:hover.step1_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:0px 0px;
}

#step_menu3 a.step2_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-153px -49px;
}
#step_menu3 a:hover.step2_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-153px 0px;
}

#step_menu3 a.step3_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-306px 0px;
}
#step_menu3 a:hover.step3_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-306px 0px;
}

#step_menu3 a.step4_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-459px -49px;
}
#step_menu3 a:hover.step4_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-459px 0px;
}

#step_menu3 a.step5_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-612px -49px;
}
#step_menu3 a:hover.step5_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-612px 0px;
}

/*STEP4*/

ul#step_menu4{
    list-style:none;
    width:100%;
	margin:20px 0px 50px 0px;
	padding:0px;
}
ul#step_menu4 li{
    list-style:none;
    float:left;
    width:153px;
}
ul#step_menu4 a{
    display:block;
    width:153px;
    height:49px;
    text-indent:-1000px;
    overflow:hidden;
}

#step_menu4 a.step1_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:0px -49px;
}
#step_menu4 a:hover.step1_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:0px 0px;
}

#step_menu4 a.step2_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-153px -49px;
}
#step_menu4 a:hover.step2_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-153px 0px;
}

#step_menu4 a.step3_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-306px -49px;
}
#step_menu4 a:hover.step3_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-306px 0px;
}

#step_menu4 a.step4_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-459px 0px;
}
#step_menu4 a:hover.step4_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-459px 0px;
}

#step_menu4 a.step5_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-612px -49px;
}
#step_menu4 a:hover.step5_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-612px 0px;
}

/*STEP5*/

ul#step_menu5{
    list-style:none;
    width:100%;
	margin:20px 0px 50px 0px;
	padding:0px;
}
ul#step_menu5 li{
    list-style:none;
    float:left;
    width:153px;
}
ul#step_menu5 a{
    display:block;
    width:153px;
    height:49px;
    text-indent:-1000px;
    overflow:hidden;
}

#step_menu5 a.step1_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:0px -49px;
}
#step_menu5 a:hover.step1_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:0px 0px;
}

#step_menu5 a.step2_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-153px -49px;
}
#step_menu5 a:hover.step2_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-153px 0px;
}

#step_menu5 a.step3_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-306px -49px;
}
#step_menu5 a:hover.step3_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-306px 0px;
}

#step_menu5 a.step4_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-459px -49px;
}
#step_menu5 a:hover.step4_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-459px 0px;
}

#step_menu5 a.step5_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-612px 0px;
}
#step_menu5 a:hover.step5_menu{
	background-image:url(../howto_img/step_menu.jpg);
    background-position:-612px 0px;
}