@charset "utf-8";/* CSS Document 日*/


/* clasic */


/* common  */



*{ zoom:1; } /* FDA IE*/

html,body		{ width:100%;  height:100%;  }
html { -webkit-text-size-adjust:none; }/* for smf */

body			{ text-align:left; } 
body			{ line-height:1.5; }

#bg_wrap		{ width:100%; height:100%; min-height: 100%; position:relative; }
body > #bg_wrap			{ height: auto; min-height: 100%;} /*ie6*/

/* min width */
#bg_wrap,#footer		{ min-width:800px; }

/* gloval block */
#contents_wrapper			{ font-size:12px; } /* 12px */
#contents_wrapper			{ width:100%; margin:0 auto 0; height:auto; /* position:relative; */ }
#contents_body				{ width:780px; margin:30px auto 0; padding:0 0 90px; position:relative; } /* space  90-50(#footer_height)=40 */

#header ,
#FooterContainer			{ width:780px; }


/* back ground custom */
body		{ /* background:url(100s_back.jpg) center top no-repeat;*/ background:none; background-color:#fed999; }
#bg_wrap	{ background:none; }


/* float & clear and more */
.lefty			{ float:left; }
.righty			{ float:right; }

.clear			{ clear:both; height:0; } /* */
*html .clear	{ height: 0.1em; overflow:hidden; margin-top:-0.1em; }

/* <div class="clear"><hr /></div> | <span class="inv">Invisible</span> */
.clear hr		{ visibility:hidden; border:0; }
span.inv 		{ display:none; }

/* clear fix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
*html .clearfix { height: 1%; }
.clearfix { display:block; }


/* ------------------------------------------------------------------------ */

.stock { /* pre wrap */
	white-space: normal;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
}


/*　 */
.rd				{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }

/* font color */

body			{ color:#444; }

a				{ font-weight:normal; outline: none; border:none; overflow:hidden; text-decoration:underline; }
a:link 			{ color: #D6292C; text-decoration:underline; }
a:visited 		{ color: #8E1C1F; text-decoration:underline; }
a:hover 		{ color: #ff6000; }
a:active 		{ color: #ff6000; }


/* txt decorate */
strong		{ font-weight:bold; }
.atent		{ color:#FF4D00; }
a span		{ display:none }


em			{ font-style:normal; }

/* footer mod. shorty */
#FooterContainer address.cpt			{ text-align:center; margin:0 auto 0; float:none; line-height:3.5; height:auto; }



#block_main,
#block_sub				{ width:auto; margin:0 auto 20px;
						border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;
						box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); }

/* padding ctrl */
#block_main				{ min-height:400px; } /* padding widthコントロール留意 */

/* color ctrl */
#block_main				{ background:url(64_white.png) 0 0 repeat; } /* option opacity:0.8 */







#mainimg_outer				{ margin:0 0 20px; padding:10px 0 0;  }

#mainimg_outer h3			{ background:url(order_template_headimg.png) 0 0 repeat; width:700px; height:110px; margin:0 auto 0; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; } /*  text-indent:-9999px; */

#mainimg_outer ul			{ width:900px; overflow:hidden; margin:436px auto 0;  }


#mainimg_outer .righty		{ margin:30px 20px 0 0;  }



#main_cont				{ padding:0 40px 25px; }



.innercont				{ margin:0 auto 20px; overflow:hidden; }
.whbase					{ background-color:#fff; padding:10px 20px; }


/* common */



#main_cont h4			{ font-size:15px; font-weight:bold; }




/* header banner area */

#hd_bn_area				{ padding:0 2px 0; margin:5px auto 5px; }

#hd_bn_area li			{ margin:10px auto 10px; }

#hd_bn_area img			{ width:100%; max-width:400px; min-width:270px; display:block; margin:0 auto 0; }




.dldetail h3			{ font-size:16px; font-weight:bold; text-align:center; width:100%; }

.dldetail dl			{ }

.dldetail .atent		{ font-weight:bold; color:#F60 }


.dldetail dt.atent		{ border:1px solid #f60; background:#FFC  }

.rec_sec img			{ width:100%; max-width:480px;  min-width:270px; }




/* product contents */

div.area_block				{ margin:10px auto 10px; }

div.area_block .atent			{ font-weight:bold; color:#F60 }




/* list order & order flow */

#order_list					{}


#order_list table			{ width:100%; }

#order_list td,				
#order_list th				{ border:1px solid #ccc; padding:3px; text-align:center; }

#order_list th				{ background:#DBCEC3; }


#order_list .app_name		{ width:53%; }
#order_list .app_ver		{ width:24%; }
#order_list .app_ordnum		{  }



/* order flow exclusive */

table#order_info			{ margin-bottom:10px; }

table#order_info 			{}
table#order_info th			{ width:30% }
table#order_info td			{}



.linklist					{}

.linklist li				{ padding:8px 0 0; margin:15px 0; }




/* confirmation */


.confirmation						{ margin:20px auto 10px; padding:10px; width:95%; border-radius:10px; background:#Feb }

.confirmation h5					{ font-size:12px; font-weight:bold; color:#F60; margin:0 0 0.75em; }
.confirmation h6					{ font-size:12px; font-weight:bold; text-indent:1em; color:#F60; }

.confirmation dl					{ font-size:12px; margin-left:1.5em; }
.confirmation dt					{ font-weight:bold; margin:0.75em 0 0;  }
.confirmation dd					{ margin:0.20em auto 0 2em; text-indent:-0.5em; line-height:1.3 }





/* act */


#act_area						{ margin:20px 0 0;  }

#act_area a						{ 
font-size:14px; text-align:center; width:360px; margin:20px auto 20px; display:block; padding:10px; border-radius:10px;
background-color:#EEE; background-image:linear-gradient(#FFFFFF,​ #F1F1F1);  color:#222; border:1px solid #ccc;

 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }

#act_area em					{ font-style:normal; margin:0 0 0 1.0em;  }
#act_area a:hover				{ background-color:#dde; }