@charset "utf-8";

@import url("../css/right.css");

/* tag Format
----------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
ol,
dl,
dd,
pre,
body,
form,
blockquote{
	margin:0;
	padding:0;
}

img{
	border:0;
}

li{
	list-style:none;
}

/* anchor Setting
----------------------------------------- */
a:link{
	color:#0000ff;
	text-decoration:underline;
}

a:visited{
	color:#0f3f55;
	text-decoration:underline;
}

a:hover{
	color:#ec5d21;
	text-decoration:none;
}

a:active{
	color:#0000ff;
	text-decoration:none;
}

/* Setting
----------------------------------------- */
body{
	color:#333333;
	background:url(../img/common/contents_bg.jpg) repeat-x;
}

/* clear Setting
----------------------------------------- */
.cb{
	clear:both;
}


/* common Style
----------------------------------------- */
div#container{
	width:989px;
	margin:0 auto;
}

/* header */
div#header{
	width:989px;
	height:135px;
	margin:0 0 5px 0;
	background:url(../img/common/bg_header.gif) no-repeat;
}

div#header div#topColumn{
	width:973px;
	padding:11px 0 0 16px;
}

div#header div#topColumn h1{
	color:#767676;
	font-size:10px;
	font-weight:normal;
	float:left;
	line-height:10px;
}

div#header div#topColumn div#topBtn{
	width:372px;
	margin:0 0 0 15px;
	float:left;
}

div#header div#topColumn div#topBtn li{
	float:left;
	margin:0 0 0 3px;
}

div#header div#topColumn div#topNavi{
	width:148px;
	margin:0 0 0 10px;
	float:left;
}

div#header div#topColumn div#topNavi li{
	float:left;
}

div#header div#middleColumn{
	width:969px;
	padding:0 0 0 20px;
}

div#header div#middleColumn div#logo{
	float:left;
}

div#header div#middleColumn div#fontSize{
	width:107px;
	height:25px;
	margin:9px 0 0 30px;
	padding:5px 0 0 88px;
	float:left;
	background:url(../img/common/btn_fontsize.gif) no-repeat;
}

div#header div#middleColumn div#fontSize li{
	float:left;
}

div#header div#middleColumn div#middleNavi{
	width:464px;
	margin:10px 0 0 16px;
	float:left;	
}

div#header div#middleColumn div#middleNavi li{
	float:left;
	margin:0 0 0 4px;
}

div#header div#bottomColumn{
	width:969px;
	padding:15px 0 0 20px;
}

div#header div#bottomColumn div#globalNavi{
	float:left;
}

div#header div#bottomColumn div#globalNavi li{
	float:left;
	margin:0 25px 0 0;
}

div#header div#bottomColumn div#search{
	width:350px;
	float:right;
	padding:5px 0 0 0;
}

div#header div#bottomColumn div#search div.headerSearch input{
	width:140px;
	float:left;
}

div#header div#bottomColumn div#search div.headerPulldown select{
	width:140px;
	height:19px;
	margin:0 0 0 3px;
	float:left;
}

div#header div#bottomColumn div#search .headerFormbtn{
	width:45px;
	margin:-2px 0 0 3px;
	float:left;
}
/* /header */

/* contents */
div#contents{
	width:957px;
	padding:10px 16px 0 16px;
	background:url(../img/common/bg_contents.gif) no-repeat left top;
}

div#contents div#mainWrapper{
	width:957px;
	display:block;
	background:url(../img/common/bg_main_wrapper.gif) repeat-y left top;
}

div#contents div#leftColumn{
	width:687px;
	float:left;
}

div#contents div#leftColumn h1{
	width:687px;
	height:49px;
	line-height:49px;
	color:#5A6D00;
	font-weight:bold;
	font-size:16px;
	margin:0 0 20px 0;
	text-indent:16px;
	background:url(../img/common/bg_h1.gif) no-repeat;	
}

div#contents div#leftColumn h2{
	width:687px;
	height:33px;
	line-height:33px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	text-indent:17px;
	margin:18px 0 0 0;
	clear:both;
	background:url(../img/common/bg_h2.gif) no-repeat;	
}

div#contents div#leftColumn h3{
	width:654px;
	height:22px;
	line-height:22px;
	color:#778F05;
	font-weight:bold;
	font-size:13px;
	text-indent:11px;
	background:url(../img/common/bg_h3.gif) no-repeat;	
}


div#contents div#leftColumn h3 a:link{
	color:#778F05;
	text-decoration:none;
}

div#contents div#leftColumn h3 a:visited{
	color:#778F05;
	text-decoration:none;
}

div#contents div#leftColumn h3 a:hover{
	color:#778F05;
	text-decoration:none;
}

div#contents div#leftColumn h3 a:active{
	color:#778F05;
	text-decoration:none;
}


div#contents div#leftColumn div#catchText{
	font-size:18px;
	line-height:26px;
	color:#778F05;
	margin:0 0 30px 0;
	font-weight:bold;
}

div#contents div#leftColumn div.contsBox{
	width:687px;
	background:url(../img/common/bg_conts_box.gif) repeat-y left top;
}

div#contents div#leftColumn div.contsBoxbottom{
	width:687px;
	height:10px;
	display:block;
	background:url(../img/common/conts_box_bottom.gif) no-repeat top;
}

div#contents div#leftColumn div.contsPartition{
	width:687px;
	height:10px;
	display:block;
	background:url(../img/common/conts_partition.gif) no-repeat top;
}

div#contents div#leftColumn div.conts{
	width:654px;
	padding:10px 16px 0 17px;
}

div#contents div#leftColumn div.conts div.contsIn{
	width:644px;
	padding:10px 0 0 10px;
}

div#contents div#leftColumn div.conts br.sp{
	margin:18px 0 0 0;
}

div#contents div#leftColumn div.conts span.partition{
	color:#B5B5B5;
}

div#contents div#leftColumn div#messageBoxtop{
	width:537px;
	height:30px;
	margin:0 75px 0 75px;
	background:url(../img/common/bg_message_top_s.gif) no-repeat left top;	
}

div#contents div#leftColumn div#messageBox{
	width:537px;
	margin:0 75px 35px 75px;
	padding:15px 0 45px 0;
	background:url(../img/common/bg_message_s.gif) no-repeat left bottom;
}

div#contents div#leftColumn div#messageBox p{
	color:#000000;
	text-align:center;
}

div#contents div#leftColumn div#messageBox p#messageArea{
	font-size:18px;
	line-height:20px;
	padding:0 0 25px 0;
}

div#contents div#submitBtnArea{
	text-align:center;
}

/* listArea */
div#contents div#leftColumn ul.listArea{
	width:654px;
	padding:0 0 10px 0;
}

div#contents div#leftColumn ul.listArea:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div#contents div#leftColumn ul.listArea li.line{
	clear:both;
	width:654px;
	height:1px;
	display:block;
	background:url(../img/common/line_dot.gif) repeat-x left bottom;
	font-size:0;
	line-height:0;
	padding:0 0 10px 0;
}

/* usesBtn */

div#contents div#leftColumn ul.listArea li div.usesBtnArea{
	margin:10px 0 0 0;
}

div#contents div#leftColumn li ul.usesBtn{
	width:654px;
	float:right;
}

div#contents div#leftColumn ul.usesBtn:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div#contents div#leftColumn ul.usesBtn li{
	float:right;
	margin:0 0 0 4px;
}

div#contents div#leftColumn ul.usesBtn li.fll{
	float:left;
	margin:0;
}

/* detail */
div#contents div#leftColumn ul.listArea li ul.detail{
	width:654px;
}

div#contents div#leftColumn ul.listArea li ul.detail:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div#contents div#leftColumn ul.listArea li ul.detail li.image{
	float:left;
	width:120px;
}

div#contents div#leftColumn ul.listArea li ul.detail li.detailText{
	float:left;
	width:534px;
}

/* resultArea */
div#contents div#leftColumn ul#resultArea{
	width:654px;
}

div#contents div#leftColumn ul#resultArea:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div#contents div#rightColumn{
	width:253px;
	float:right;
}

div#contents div#mainColumn{
}

div#contents div#mainColumn h1{
	width:957px;
	height:49px;
	line-height:49px;
	color:#5A6D00;
	font-weight:bold;
	font-size:16px;
	margin:0 0 20px 0;
	text-indent:16px;
	background:url(../img/common/bg_h1_l.gif) no-repeat;	
}

div#contents div#mainColumn h2{
	width:687px;
	height:33px;
	line-height:33px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	text-indent:17px;
	margin:18px 135px 0 135px;
	background:url(../img/common/bg_h2.gif) no-repeat;	
}

div#contents div#mainColumn h3{
	width:654px;
	height:22px;
	line-height:22px;
	color:#778F05;
	font-weight:bold;
	font-size:13px;
	text-indent:11px;
	background:url(../img/common/bg_h3.gif) no-repeat;	
}

div#contents div#mainColumn div.conts{
	width:654px;
	padding:10px 151px 0 152px;
}

div#contents div#mainColumn div.conts div.contsIn{
	width:644px;
	padding:10px 0 0 10px;
}

div#contents div#mainColumn div.contsBox{
	width:687px;
	background:url(../img/common/bg_conts_box.gif) repeat-y left top;
	margin:0 135px;
}

div#contents div#mainColumn div.contsBox div.conts{
	width:654px;
	padding:10px 16px 0 17px;
}

div#contents div#mainColumn div.contsBoxbottom{
	width:687px;
	height:10px;
	display:block;
	background:url(../img/common/conts_box_bottom.gif) no-repeat top;
	margin:0 135px;
}

div#contents div#mainColumn div#flowBox{
	width:759px;
	height:35px;
	display:block;
	margin:0 105px 33px 93px;
}

div#contents div#mainColumn div#messageBoxtop{
	width:759px;
	height:30px;
	margin:0 105px 0 93px;
	background:url(../img/common/bg_message_top.gif) no-repeat left top;	
}

div#contents div#mainColumn div#messageBox{
	width:759px;
	margin:0 105px 35px 93px;
	padding:0 0 35px 0;
	background:url(../img/common/bg_message.gif) no-repeat left bottom;	
}

div#contents div#mainColumn div#messageBox p{
	color:#000000;
	text-align:center;
}

div#contents div#mainColumn div#messageBox p#messageArea{
	font-size:18px;
	line-height:20px;
	padding:0 0 25px 0;
}

div#contents div#rightColumn #bottomBtnarea{
	width:237px;
	margin:0 auto 10px auto;
}

/* Total */
div#contents ul#totle{
	width:300px;
	float:right;
	text-align:right;
}

div#contents ul#totle:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div#contents ul#totle li.totalPrice{
	clear:right;
	width:100px;
	float:right;
}

div#contents ul#totle li.titalText{
	width:200px;
	float:right;
}

/* Get Adobe Reader */
div#contents div#adobe{
	margin:20px 0 0 0;
}

div#contents div#adobe:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div#contents div#adobe img{
	margin:0 0 0 10px;
	float:right;
}

div#contents div#adobe p.xsmall{
	line-height:12px;
}

/* secom */
div#contents div#secom{
	text-align:center;
	margin:20px 0 0 0;
}

div#contents div#secom ul{
	width:600px;
	text-align:left;
	margin:0 auto;
}

div#contents div#secom ul:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div#contents div#secom ul li#secomLogo{
	width:65px;
	float:left;
}

div#contents div#secom ul li#secomDtl{
	width:535px;	
	float:left;
}

div#contents div#mainWrapperFooter{
	width:957px;
	height:65px;
	display:block;
	background:url(../img/common/main_wrapper_bottom.gif) no-repeat left top;
}

div#contentsFooter{
	width:989px;
	height:42px;
	background:url(../img/common/img_contents.gif) no-repeat;
}
/* /contents */

/* pagetop */
div#pagetop{
	float:right;
	margin:54px 0 0 0;
}

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

div#pagetop a{
	background:url(../img/common/pagetop.gif) no-repeat 0 0;
	padding:0 0 0 20px;
}

div#pagetop a:link{
	color:#3F3F3F;
	text-decoration:underline;
}

div#pagetop a:visited{
	color:#3F3F3F;
	text-decoration:underline;
}

div#pagetop a:hover{
	color:#ec5d21;
	text-decoration:underline;
}

div#pagetop a:active{
	color:#3F3F3F;
	text-decoration:underline;
}

div#contents div#mainWrapperFooter div#pagetop{
	float:right;
	margin:49px 0 0 0;
	padding:0 263px 0 0;
}

div#contents div#leftColumn div.conts div.contsIn div.pagetop{
	float:right;
	margin:13px 0 0 0;
}

div#contents div#leftColumn div.conts div.contsIn div.pagetop:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div#contents div#leftColumn div.conts div.contsIn div.pagetop a{
	background:url(../img/common/pagetop.gif) no-repeat 0 0;
	padding:0 0 0 20px;
}

div#contents div#leftColumn div.conts div.contsIn div.pagetop a:link{
	color:#3F3F3F;
	text-decoration:underline;
}

div#contents div#leftColumn div.conts div.contsIn div.pagetop a:visited{
	color:#3F3F3F;
	text-decoration:underline;
}

div#contents div#leftColumn div.conts div.contsIn div.pagetop a:hover{
	color:#ec5d21;
	text-decoration:underline;
}

div#contents div#leftColumn div.conts div.contsIn div.pagetop a:active{
	color:#3F3F3F;
	text-decoration:underline;
}

/* /pagetop */

/* breadcrumb */
div#breadcrumb{
	margin:0 0 10px 0;
}

div#breadcrumb a:link{
	color:#06ADEC;
	text-decoration:underline;
}

div#breadcrumb a:visited{
	color:#0f3f55;
	text-decoration:underline;
}

div#breadcrumb a:hover{
	color:#ec5d21;
	text-decoration:none;
}

div#breadcrumb a:active{
	color:#0000ff;
	text-decoration:none;
}

/* /breadcrumb */

/* footer */
div#footer{
	width:100%;
	height:90px;
	font-size:12px;
	text-align:center;
	color:#d2d8da;
	background:url(../img/common/bg_footer.gif) repeat-x;
}

div#footer a:link{
	color:#d2d8da;
	text-decoration:none;
}

div#footer a:visited{
	color:#d2d8da;
	text-decoration:none;
}

div#footer a:hover{
	color:#d2d8da;
	text-decoration:underline;
}

div#footer a:active{
	color:#d2d8da;
	text-decoration:none;
}

div#footer div#footerBox{
	width:988px;
	margin:0 auto;
}

div#footer div#footerBox div#footerNavi{
	width:825px;
	height:16px;
	margin:0 auto;
	padding:20px 0 0 0;
}

div#footer div#footerBox div#footerNavi li{
	float:left;
	padding:0 6px;
}

div#footer address{
	width:988px;
	padding:10px 0 0 0;
	font-style:normal;
	font-size:12px;
	float:left;
}
/* /footer */


/* common layout Style
----------------------------------------- */
.middle{
	vertical-align:middle;
}

.center{
	text-align:center;
}

.fll{
	float:left;
}

.flr{
	float:right;
}

img.fll{
	float:left;
	margin:0 28px 0 0;
}

img.flr{
	float:right;
	margin:0 0 0 28px;
}

.clear{
	clear:both;
	margin:0;
	height:0;
	font-size:0;
	line-height:0;
}

br.sp10{
	font-size:1px;
	line-height:10px;
}

br.sp20{
	font-size:1px;
	line-height:20px;
}

br.sp35{
	font-size:1px;
	line-height:35px;
}

br.sp40{
	font-size:1px;
	line-height:40px;
}

.sp25{
	margin-left:25px;
}


/* common background Style
----------------------------------------- */
div.grayBack{
	background-color:#EEEEEE;
}
div.grayBack p.grayBackIn{
	background-color:#EEEEEE;
	padding:5px 10px;
}

div#lblueBack{
	background-color:#E7F2F5;
}


/* common form Style
----------------------------------------- */
.width60{
	width:60px;
}

.width70{
	width:70px;
}

.width140{
	width:140px;
}

.width170{
	width:170px;
}

.width220{
	width:220px;
}

.width280{
	width:280px;
}

.width320{
	width:320px;
}

.width430{
	width:430px;
	height:80px;
}

.width650{
	width:650px;
	height:80px;
}


/* common table Style
----------------------------------------- */
table.frameline{
	clear:both;
	width:654px;
	border-collapse:collapse;
}

div#tableSmall table.frameline{
	width:400px;
}

table.frameline th{
	clear:both;
	padding:10px;
	text-align:left;
	vertical-align:middle;
	color:#333;
	font-weight:bold;
	white-space:nowrap;
	background-color:#F2F5F6;
	border:1px solid #DCDCDC;
}

table.frameline th.center{
	text-align:center;
}

table.frameline th.right{
	text-align:right;
}

table.frameline th.bg_blue{
	background-color:#F1F9FB;
}

table.frameline td{
	clear:both;
	padding:10px 13px;
	text-align:left;
	vertical-align:middle;
	border:1px solid #DCDCDC;
}

table.frameline td.blank{
	padding:0;
	font-size:0;
	line-height:0;
	height:4px;
	display:block;
	border:none;
}

table.frameline td.blankWide{
	padding:0;
	font-size:0;
	line-height:0;
	height:20px;
	display:block;
	border:none;
}

table.frameline td.center{
	text-align:center;
}

table.frameline td.right{
	text-align:right;
}

table.frameline td table{
	padding:0;
	border:none;
}

table.frameline td table td{
	padding:0 0 5px 0;
	border:none;
	vertical-align:top;
}

table.frameline td table td.sp5{
	padding:5px 0 5px 0;
}

table.frameline td table td.end{
	padding:0;
}


/* common list Style
----------------------------------------- */
ol li{
	margin:0 0 0 20px;
	list-style-type:decimal;
}

ul.listIcon li{
	padding:0 0 8px 12px;
	background:url(../img/common/list_icon.gif) no-repeat 0.2px 0.3em;
}

ul.listArrow li{
	padding:0 0 4px 40px;
	background:url(../img/common/list_arrow.gif) no-repeat 21px 0.2em;
}


/* common text Style
----------------------------------------- */
.xsmall{
	font-size:10px;
}

.small{
	font-size:11px;
}

.large{
	font-size:13px;
}

.xlarge{
	font-size:14px;
}

.xxlarge{
	font-size:18px;
	line-height:20px;
}

.bold{
	font-weight:bold;
}

.italic{
	font-style:italic;
}

.underline{
	text-decoration:underline;
}

.normal{
	font-weight:normal;
}

.l_blue{
	color:#C5EBFB;
}

.blue{
	color:#229FC3;
}

.red{
	color:#FF0000;
}

.green{
	color:#778F05;
}


/* common Style IE6 Only
----------------------------------------- */
* html div#header div#topColumn div#topBtn{
	width:375px;
	float:left;
}

* html div#header div#middleColumn div#middleNavi{
	width:470px;
	margin:10px 0 0 10px;
	float:left;	
}


/* common Style MacOSX: Safari 2 Only
----------------------------------------- */
html[xmlns*=""] body:last-child div#header div#topColumn div#topBtn{
	width:372px;
	margin:0;
	float:left;
}

/* common Style Firefox Only
----------------------------------------- */
html:not([lang*=""]) div#header div#topColumn div#topBtn{
	width:372px;
	margin:0 0 0 5px;
	float:left;
}

/* noaccept
----------------------------------------- */
.noaccept{
	color:#FF0000;
	margin:0 0 5px 0;
}

.particular{
	color:#FF0000;
	margin:0 0 5px 0;
}