@charset "utf-8";

#formheadtitle01 {
	width:730px;
	height:52px;
	text-indent:-99999px;
	margin:0 0 5px 0;
	background:url(/gen/images/form_head_title.gif) no-repeat;
}

#formtitle01 {
	width:730px;
	height:35px;
	text-indent:-99999px;
	margin:0 0 10px 0;
	background:url(/gen/images/form_title_001.gif) no-repeat;
}

#formtext001 {
	width:710px;
	margin:0 10px 20px 10px;
	font-size:1.2em;
	line-height:1.7em;
}

#formsubtitle000 {
  width:710px;
  height:20px;
  text-indent:-99999px;
  margin:0 0 10px 10px;
  background:url(/gen/images/form_subtitle_000.gif) no-repeat;
  border-bottom: #AAA dotted 1px;
}

#formsubtitlename001 {
  width:230px;
  height:20px;
  text-indent:-99999px;
  margin:0 0 0 0;
  background:url(/gen/images/form_subtitle_name001.gif) no-repeat;
  border-bottom: #AAA dotted 1px;
}

#formsubtitlename002 {
  width:230px;
  height:20px;
  text-indent:-99999px;
  margin:0 0 0 0;
  background:url(/gen/images/form_subtitle_name002.gif) no-repeat;
  border-bottom: #AAA dotted 1px;
}

#formsubtitlename003 {
  width:230px;
  height:20px;
  text-indent:-99999px;
  margin:0 0 0 0;
  background:url(/gen/images/form_subtitle_name003.gif) no-repeat;
  border-bottom: #AAA dotted 1px;
}

#formsubtitlename004 {
  width:230px;
  height:20px;
  text-indent:-99999px;
  margin:0 0 0 0;
  background:url(/gen/images/form_subtitle_name004.gif) no-repeat;
  border-bottom: #AAA dotted 1px;
}


div.formbox {
  width:230px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 0px;
  float:left;
}

/* IE6用 */
*html div.formbox{ 
  width:230px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 5px;
  margin-right: 0px;
  float:left;
  
 }

.tempformtitle {
  background:url(/images/arrow_red.gif) no-repeat left 4px;
  padding-left: 12px;
  font-size:1.3em;
}

.tempformtitle img {
  margin-right:5px;
  margin-top:2px;
}

.tempformimage {
  margin: 5px 10px 5px 0 ;
  border: #999 1px solid;
}


#licencetitle01 {
	width:730px;
	height:35px;
	text-indent:-99999px;
	margin:0 0 10px 0;
	background:url(/gen/images/licence_title_001.gif) no-repeat;
}


/* make page */
#formmaketitle001{ 
  width: 730px;
  height: 35px;
  text-indent:-99999px;
  margin: 0 0 10px 0;
  background:url(/gen/images/form_make_title001.gif) no-repeat;
}

#formleftarea {
  width:180px;
  margin-right:10px;
  float:left;
}

#formrightarea {
  width:536px;
  margin:0 0 0 190px;
  padding-bottom:10px
}

#formpreviewarea{ 
  padding: 2px;
  border-bottom: #999 1px dotted;
}

#formpreviewbuttonarea{ 
  margin-top: 20px;
 }


/* /manual/ css data */

#maketitle01 {
        width:530px;
        height:35px;
        text-indent:-99999px;
        margin:0 0 10px 0;
        background:url(../gen/images/make_title_001.gif) no-repeat;
}

#make_sample_image {
        margin:0 0 15px 55px;
}

#make_color_select_area {
        width:510px;
        margin:5px auto 15px 10px;
        text-align:left;
        font-size:1em;
        line-height:1.3em;
}

#make_detail_area {
        width:510px;
        margin:0 auto 15px 10px;
        text-align:left;
}

.maketitle {
	width:510px;
	margin:0 auto 10px 10px;
	padding:0 0 1px 0;
	border-bottom:#AAA solid 2px;

	font-weight:bold;
	font-size:1.3em;
	line-height:1.5em;
}

.maketitle span {
	color:#FF7200;
}

#make_detail_area textarea {
        font-size:1.2em;
        line-height:1.3em;
}

#make_bt_area {
        width:510px;
        margin:0 auto 25px 10px;
        text-align:center;
        font-size:1.2em;
        line-height:1.7em;
}

#make_bt_area_narrow {
        width:510px;
        margin:0 auto 5px 5px;
        text-align:center;
        font-size:1.2em;
        line-height:1.7em;
}

#make_download_bt {
        width:277px;
        margin:0 auto 10px 126px;
}

#make_download_bt a {
	width:277px;
	height:47px;
	display:block;
	text-indent:-99999px;
	background:url(../gen/images/make_download_bt.gif)  no-repeat left top;
}

#make_download_bt a:hover {
	width:277px;
	height:47px;
	display:block;
	text-indent:-99999px;
	background:url(../gen/images/make_download_bt.gif)  no-repeat right top;
}

#make_textarea001 {
	width:510px;
	margin:0 auto 0 0px;
	text-align:left;
	font-size:1em;
	line-height:1.7em;
}




/* detail page */

#formdetailtitle001{ 
  width: 730px;
  height: 35px;
  text-indent:-99999px;
  margin: 0 0 10px 0;
  background:url(/gen/images/detail/form_detail_title001.gif) no-repeat;
}

#formdetailtitle002{ 
  width: 730px;
  height: 35px;
  text-indent:-99999px;
  margin: 0 0 10px 0;
  background:url(/gen/images/detail/form_detail_title002.gif) no-repeat;
}

#formdetailtitle003{ 
  width: 730px;
  height: 35px;
  text-indent:-99999px;
  margin: 0 0 10px 0;
  background:url(/gen/images/detail/form_detail_title003.gif) no-repeat;
}

#formdetailtitle004{ 
  width: 730px;
  height: 35px;
  text-indent:-99999px;
  margin: 0 0 10px 0;
  background:url(/gen/images/detail/form_detail_title004.gif) no-repeat;
}


#formdetailimage{ 
  width: 400px;
  padding: 0 10px 0 10px;
  float: left;
 }

#formdetailimage img{ 
  border: #999 1px solid;
 }

#formdetailtext{ 
  width: 290px;
  padding: 0 10px 0 0;
  float:left;
  font-size: 1.3em;
}


.etctitle{ 
  width: 710px;
  margin: 10px auto 10px 10px;
  border-bottom:#AAA dotted 1px;
  font-size:1.3em;
  line-height:1.5em;
 }

.etctitle span {
  color:#FF7200;
}

#formetcarea{ 
  width: 710px;
  margin: 0 10px 0 10px;
 }

#etcbox{ 
  width: 130px;
  margin: 0 10px 0 0;
  float: left;
 }

#etcbox dt{
 }

#etcbox .detail_thumb{ 
  padding: 2px 2px 2px 2px;
 }

#etcbox .detail_thumb:hover{ 
  background-color:#FF7200;
 }

#etcbox dd{ 
  background:url(/images/arrow_red.gif) no-repeat left 3px;
  margin: 0 0 0 2px;
  padding: 0 0 0 11px;
  font-size: 1.3em;
 }

#form_btnarea { 
  width: 200px;
  margin: 20px auto;
 }
#form_btnarea p {
  
  margin-top: 0;
  margin-bottom: 20px;
  margin-right: auto;
  margin-left: auto;
}


#case_btnarea {
  width: 180px;
  margin: 10px;
  float: left;
  clear: both;
}

#formcolorarea{ 
  width: 710px;
  margin: 10px auto 10px auto;
  font-size: 1.3em;
 }

#formcolorbox{ 
  width: 150px;
  margin: 10px;
  float: left;
  padding: 5px 0 5px 0;
  border: #999 1px solid;
  text-align:center;
 }

*html #formcolorbox{ 
  width: 145px;
}

#formcolorbox img{ 
  cursor: pointer;
  border: #999 1px solid;
 }

#tabs dl{
  margin: 10px;
  }

#tabs #tabs-2{ 
  text-align:center;
 }

#tabs #tabs-3{ 
  margin-left: 5px;
}

#tabs #tabs-3 dd{ 
  vertical-align: middle;
 }