/* CSS Document */

/* sorry.jsp */
#sorry-body{
	background-image:url(../images_2/sorry.gif);
	background-color:#F6F5F0;
}

div#sorry-text-box{
	width:500px;
	height:250px;
	margin-right:auto;
	margin-left:auto;
	margin-top:200px;
}

div#sorry-text-box h1{
	font-size:20px;
	font-weight:bold;
	color:#888888;
	text-align:center;
	margin-bottom:40px;
}

div#sorry-text-box p{
	font-size:20px;
	font-weight:bold;
	color:#888888;
	text-align:center;
	margin-bottom:20px;
}

/* NoPage */
#nopage-body{
	background-image:url(../images_2/nopage.gif);
	background-color:#F6F5F0;
}

div#nopage-text-box{
	width:500px;
	height:250px;
	margin-right:auto;
	margin-left:auto;
	padding-top:20px;
}

div#nopage-text-box h1{
	font-size:14px;
	color:#888888;
	text-align:center;
	margin-bottom:60px;
}

div#nopage-text-box p{
	font-size:14px;
	color:#888888;
	text-align:center;
	margin-bottom:40px;
	line-height:1.5em;
}

.nopage-text{
	font-weight:bold;
}

/* FontView 0 20 */
#fontview-body{
	background-color:#F6F5F0;
}

.fontview-box{
	width:600px;
	height:260px;
	margin-left:auto;
	margin-right:auto;
	background-color:#F6F5F0;
}

.fontview-box p{
	font-size:14px;
	font-weight:bold;
	color:#666666;
	text-align:center;
	margin-top:70px;
	margin-bottom:40px;
}

/* FontView */
div#font-view{
	width:680px;
	height:740px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

div#font-view h1{
	text-indent:-10000px;
	background-image:url(../images_2/view_sample_1.png);
	background-repeat:no-repeat;
	width:680px;
	height:60px;
}

div#font-view-text-main{
	background-image:url(../images_2/view_sample_3.png);
	background-repeat:repeat-y;
	width:680px;
	text-align:center;
	padding-bottom:10px;
	padding-top:10px;
}

div#font-view-text-bottom{
	background-image:url(../images_1/font_view_text_bottom.png);
	background-repeat:no-repeat;
	width:680px;
	height:10px;
}

div#close-box{
	background-image:url(../images_2/view_sample_5.png);
	width:680px;
	height:60px;
	text-align:left;
	padding-top:10px;
}

div#close-box span{
	margin-left:180px;
	vertical-align:middle;
}

div#font-view-footer{
	background-image:url(../images_2/view_sample_6.png);
	width:680px;
	height:30px;
}

/* FontView */

/* FontCart */
#bodycolor{
	background-color:#F6F5F0;
}

/* デザイン */
div#font-cart{
	width:600px;
	height:660px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

div#font-cart h1{
	text-indent:-10000px;
	background-image:url(../images_2/view_contents_1.png);
	background-repeat:no-repeat;
	width:600px;
	height:60px;
}

div#cart-button-back{
	width:600px;
	height:60px;
	background-image:url(../images_2/view_contents_5.png);
	background-repeat:repeat-y;
	padding-top:20px;
}

div#cart-button-back span{
	vertical-align:middle;
	margin-left:120px;
}

/* デザイン END*/

div#substance-price{
	background-image:url(../images_2/view_contents_3.png);
	background-repeat:repeat-y;
	width:600px;	
}

div#substance-price table{
	margin-left:30px;
	margin-top:2px;
	width:540px;
	border:solid 1px;
	border-color:#999999;
}

.td-1-1{
	padding:5px 0px 5px 0px;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	width:190px;
	background-color:#666666;
}

.td-1-2{
	padding:5px 0px 5px 0px;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	width:90px;
	background-color:#666666;
}

.td-1-3{
	padding:5px 0px 5px 0px;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	width:30px;
	background-color:#666666;
}

.td-1-4{
	padding:5px 0px 5px 0px;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	width:90px;
	background-color:#666666;
}

.td-1-5{
	padding:5px 0px 5px 0px;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	width:90px;
	background-color:#666666;
}

.td-1-6{
	padding:5px 0px 5px 0px;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	width:50px;
	background-color:#666666;
}

.td-2-1{
	padding:5px 0px 5px 0px;
	font-size:13px;
	font-weight:bold;
	color:#666666;
	text-align:left;
	width:190px;
}

.td-2-2{
	padding:5px 0px 5px 0px;
	font-size:13px;
	font-weight:bold;
	color:#666666;
	text-align:right;
	width:90px;
}

.td-2-3{
	padding:5px 0px 5px 0px;
	font-size:13px;
	font-weight:bold;
	color:#666666;
	text-align:center;
	width:30px;
}

.td-2-4{
	padding:5px 0px 5px 0px;
	font-size:13px;
	font-weight:bold;
	color:#666666;
	text-align:right;
	width:90px;
}

.td-2-5{
	padding:5px 0px 5px 0px;
	font-size:13px;
	font-weight:bold;
	color:#666666;
	text-align:right;
	width:90px;
}

.td-2-6{
	padding:5px 0px 5px 0px;
	font-size:13px;
	font-weight:bold;
	color:#666666;
	text-align:center;
	width:50px;
}


.td-3-1{
	padding:5px 0px 5px 0px;
	font-size:13px;
	font-weight:bold;
	color:#666666;
	text-align:center;
	width:190px;
	background-color:#FFFFFF;
}

.td-3-2{
	padding:5px 0px 5px 0px;
	font-size:13px;
	font-weight:bold;
	color:#666666;
	text-align:right;
	width:90px;
	background-color:#FFFFFF;
}

.td-3-3{
	padding:5px 0px 5px 0px;
	font-size:13px;
	font-weight:bold;
	color:#666666;
	text-align:center;
	width:30px;
	background-color:#FFFFFF;
}

.td-3-4{
	padding:5px 0px 5px 0px;
	font-size:13px;
	font-weight:bold;
	color:#666666;
	text-align:right;
	width:90px;
	background-color:#FFFFFF;
}

.td-3-5{
	padding:5px 0px 5px 0px;
	font-size:13px;
	font-weight:bold;
	color:#666666;
	text-align:right;
	width:90px;
	background-color:#FFFFFF;
}

.td-3-6{
	padding:5px 0px 5px 0px;
	font-size:13px;
	font-weight:bold;
	color:#666666;
	text-align:center;
	width:50px;
	background-color:#FFFFFF;
}

div#substance-price p{
	font-size:13px;
	color:#666666;
	line-height:1.5em;
	margin-left:40px;
}

div#substance-price h3{
	font-size:13px;
	color:#666666;
	margin-left:40px;
	margin-top:20px;
}

.text-1{
	text-align:right;
	font-size:12px;
	margin-right:30px;
	color:#666666;
}

.text-2{
	font-size:18px;
	color:#FF3333;
}

div#substance-form{
	background-image:url(../images_2/view_contents_3.png);
	background-repeat:repeat-y;
	width:600px;	
}

div#substance-form table{
	width:540px;
	margin-left:30px;
	border:solid 1px;
	border-color:#CCCCCC;
	color:#666666;
}

.td-4-1{
	font-size:13px;
	background-color:#EEEEEE;
	border-bottom:solid 1px;
	border-bottom-color:#CCCCCC;
	padding:5px 0px 5px 10px;
}

.td-5-1{
	font-size:13px;
	text-align:left;
	border-bottom:solid 1px;
	border-bottom-color:#CCCCCC;
	padding:5px 0px 5px 10px;
	width:180px;
}

.td-5-2{
	font-size:13px;
	text-align:right;
	border-bottom:solid 1px;
	border-bottom-color:#CCCCCC;
	padding:5px 5px 5px 0px;
	width:180px;
}

.text-3{
	font-size:12px;
	color:#999999;
}	

div#substance-form p{
	font-size:13px;
	color:#666666;
	line-height:1.5em;
	margin-left:40px;
	width:530px;
}

div#yamato{
	width:220px;
	text-align:center;
	margin-left:30px;
	margin-top:20px;
	float:left;
	font-size:13px;
	color:#666666;
}

div#post{
	width:240px;
	text-align:center;
	float:right;
	margin-right:30px;
	margin-top:10px;
	font-size:13px;
	color:#666666;
}

.spanpost{
	vertical-align:middle;
}

.clear-1{
	clear:both;
}

div#cart-bottom-back{
	width:600px;
	height:60px;
	background-image:url(../images_2/view_contents_5.png);
	background-repeat:repeat-y;
}

div#cart-bottom{
	width:600px;
	height:30px;
	background-image:url(../images_2/view_contents_6.png);
	background-repeat:no-repeat;
}

div#cleardiv{
	clear:both;
}

.tegakitd-1{
	font-size:13px;
	background-color:#EEEEEE;
	border-bottom:solid 1px;
	border-bottom-color:#CCCCCC;
	padding:5px 0px 5px 10px;
	text-align:center;
}

.tegakitd-2{
	font-size:13px;
	text-align:left;
	padding:5px 0px 5px 10px;
	text-align:center;
}

#winos{
	margin-left:30px;
	margin-top:10px;
	width:540px;
	border:solid 1px;
	border-color:#999999;
}

.wintd-1{
	background-color:#FFFFFF;
	padding:5px 0px 5px 10px;
	text-align:center;
	width:80px;
}

.wintd-2{
	font-size:13px;
	color:#666666;
	line-height:1.5em;
	background-color:#FFFFFF;
	padding:5px 0px 5px 10px;
	text-align:left;
}

.text-4{
	font-weight:bold;
	font-size:14px;
}

/* FontCart END */