@charset "Shift_JIS";

.voice_right {
	float: right;
	width: 370px;
}

/******** CSSŠξ–{έ’θ ********/
body {
	margin:0;
	padding:0;
	text-align:center;
	color:  #FFFFFF;
	background-color: #F3F3F3;
	font-family: 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', '‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
	background-image: url(../image/bg_mainwrap.jpg);
	background-position: center;
	background-repeat: repeat-y;

}
#WRAP {
	width:800px;
	margin:0 auto;
	color:  #333333;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
div,td {
	text-align:left;
}
p,pre {
	margin:0;
	font:14px/20px 'Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3','‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
}
li {
	margin: 0;
}
ol, ul {
	margin: 0;
	padding:0;
}
select {
	display:block;
}
a {
	color: #999999;
	text-decoration: underline;
}
a:hover,
a:active, 		/* for IE (Keyboard) */
a:focus {		/* for Netscape (Keyboard) */
	color: #00FF00;
	text-decoration: none;
}
/******** yƒwƒbƒ_[z ********/
h1 {
	font-size:12px;
	line-height:14px;
	color: #666666;
	float: right;
	margin: 5px 0px 0 10px;
	padding-right:15px;
	font-weight: normal;
}
#TOP {
	width: 800px;
	height: 40px;
	background-image: url(../image/logo_01.jpg);
	margin: 0;
}
#MAIN {
	width: 800px;
	height: 270px;
}
#TOPPAGE {
	position: absolute;
	top: 170px;
	left: 7px;
}
#MENU {
	width: 800px;
	float:left;
	background-image: url(../image/main_menu.jpg);
	padding-left: 5px;
}
.menu {
	float:left;
	padding: 1px;
}

/* ----------- Tub Menu ----------- */
ul, li{
	border:0;
	padding:0;
	margin:0;
	list-style:none;
	padding-left: 5px;
}

#top-navigation{
	background:url(image/web_design/topnav-bg.gif) repeat-x;
	width:auto;
	height:26px;
	margin:0 auto;
	font-size: 12px;
}
#navigation{
	background:url(image/web_design/nav-bg.gif) repeat-x;
	height:26px;
	margin:0 auto;
	width:auto;
	color: #FFFFFF;
	background-color: #000000;
}
#navigation ul{
height:26px;
line-height:26px; 
}
#navigation ul li{
display:inline;
}
#navigation ul li a,
#navigation ul li a:visited {
	background:url(image/web_design/line-a.gif) right no-repeat;
	padding:0 10px;
	display:block;
	text-decoration:none;
	float:left;
	color:#FFFFFF;
	font-weight:bold;
	background-color: #000000;
}
#navigation ul li a:hover{
	color:#33FF00;
	background-color: #666666;
}

/* ----------- Sub Menu ----------- */
#sublinks{
	width:auto;
	margin:0 auto;
	background:#888888 url(image/web_design/sublink.gif);
	height:22px;
	font-size:12px;
	background-color: #666666;
} 
#sublinks ul{
	height:22px;
	line-height:22px; 
}
#sublinks ul li{
	display:inline;
}
#sublinks ul li a,
#sublinks ul li a:visited {
	padding:0 20px;
	display:block;
	text-decoration:none;
	float:left;
	color:#FFFFFF;
}
#sublinks ul li a:hover{
	text-decoration:underline;
	background-color: #666666;
	color: #33FF00;
}

/* ----------- Hide Sub menu ----------- */
#s2, #s3, #s4{display:none;}

/******** yƒƒCƒ“z ********/
#MAINWRAP {
	width:800px;
	float:left;
	background-image: url(../image/bg_mainwrapper.jpg);
}
/******** yƒRƒ“ƒeƒ“ƒcz ********/
#CONTENTS {
	width:580px;
	float:left;
}
.con_mar {
	padding: 5px 0 10px 5px;
	margin: 5px 0 10px 10px;
}
#CONTENTS h2 {
	font-size:16px;
	line-height:21px;
	color: #669900;
	background-image: url(../image/cate_navi.gif);
	text-indent: 165px;
	background-repeat: no-repeat;
}
#CONTENTS h3 {
	font-size:16px;
	line-height:30px;
	margin:5px 0 5px 0;
	color: #333333;
	background-image: url(../image/000514.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
	margin-left: 10px;
	padding-left: 30px;
	background-color: #EAEAEA;
}
#CONTENTS h3 a,
#CONTENTS h3 a:hover,
#CONTENTS h3 a:active, 		/* for IE (Keyboard) */
#CONTENTS h3 a:focus {		/* for Netscape (Keyboard) */
	color: #333333;
	background-color: #FFCC66;
	text-decoration: none;
}
#CONTENTS p {
	margin: 10px 10px 10px 20px;
	background-color: #FFFFFF;
}
.bg-yell {
	font-size: 12px;
	line-height: 16px;
	background-color: #FFFFCC;
	border: 4px outset #CC0000;
}
.order-d {
	background-color: #FFFFFF;
	border: 8px outset #FF9900;
	margin: 10px 40px 20px 40px;
}
.order-page {
	background-color: #FFFFE6;
	border: 4px outset #CC0000;
	padding: 0 0 6px 30px;
	margin: 0 40px 0 40px;
}
.attention {
	background-image: url(../image/ba-attention.jpg);
	background-repeat: no-repeat;
	padding-top: 32px;
	margin: 60px 0 0 0;
}
.attention p {
	font-size: 12px;
	line-height: 15px;
}
.check-wrap {
	background-color: #FFFFFF;
	border: 4px outset #006699;
	margin: 10px 20px 20px 20px;
}
.part-wrap {
	background-color: #FFFFFF;
	border: 1px outset #000000;
	margin: 10px 30px 20px 30px;
}
.check {
	background-image: url(../image/obj-check.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	padding-left: 24px;
}
.check01 {
	background-image: url(../image/ctag_pln_grn.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	line-height:30px;
	padding-left: 50px;
}

.check01_2 {
	background-image: url(../image/check01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	line-height:30px;
	padding-left: 40px;
	margin:0;
}

.check02 {
	background-image: url(../image/check02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	line-height:30px;
	padding-left: 40px;
}

.check03 {
	background-image: url(../image/check03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	line-height:30px;
	padding-left: 40px;
}

#CONTENTS form {
	margin: 20px 20px 20px 20px;
	padding: 4px 10px 16px 10px;
	color: #333333;
	background-color: #FFFFFF;
	border: 4px outset #66CCFF;
}
.company {
	margin: 10px;
}
.tokutei {
	margin: 5px;
}
.tokutei p {
	font-size: 12px;
}
.form_left {
	float: left;
	width: 120px;
	text-align: right;
	background-color: #EEEEEE;
}
.form_right {
	float: left;
	width: 400px;
}
.pad-t {
	padding-top: 20px;
}
#CONTENTS table {
	background-color: #CCCCCC;
	font-size: 12px;
	border: 1px solid #666666;
}
#CONTENTS td {
	color: #333333;
	background-color: #FFFFFF;
}
#CONTENTS th {
	color: #333333;
	background-color: #CCCCCC;
}

/******** yƒ{ƒCƒXz ********/

.voice2 {
	width:570px;
	background-image: url(../image/voice_mid.gif);
}
.voice {
	background-image: url(../image/voice_sita.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 15px;
	margin-bottom: 24px;
}
.voice h2 {
	font-size:12pt;
	color:  #333333;
	background-color: #F7F7F7;
	background-image: url(../image/voice_waku_ue.gif);
	margin: 0px;
	padding: 16px 10px 10px 10px;
}
.voice h3 {
	font-size:10pt;
	color:  #333333;
	background-color: #F3F3F3;
	background-image: url(../image/voice_mid.gif);
	margin: 0px;
	padding: 2px 0px 2px 10px;
}
.pad_voice {
	padding: 0px 11px 0px 11px;
}
.voice p {
	font-size: 9pt;
	line-height: 180%;
	padding: 0px;
}
.voice p1 {
	font-size: 9pt;
	line-height: 100%;
	padding: 0px;
}

.voice_left {
	float: left;
	width: 170px;
	text-align: center;
}
.voice_right {
	float: right;
	width: 365px;
}

.voice_right2 {
	float: right;
	width: 370px;
}

.voice_right2 p { font-size:14px;}

.voice_con1 {
	width:547px
	}
	
.hidari_photo {
	float: left;
	width: 160px;
}
.migi_name {
	width:387px;
	float:right;
	text-align:right;
	}
.voice_koumoku {
	width:547px;
	padding-top: 12px;
	}
.voicejirei-pad {
	padding-top: 10px;
	padding-bottom: 20px;
}

/******** yƒŒƒtƒgz ********/

#LEFT {
	width:210px;
	float:right;
}
.left_mar {
	margin: 5px 5px 20px 0;
	padding: 5px 5px 20px 0;
}
.left_00 {
	color: #333333;
	background-color: #FFFFFF;
	padding: 3px 0 12px 0;
	margin: 0 0 10px 0;
	background-image: url(../image/left_foot.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 1px solid #CCCCCC;
}
.left_00 p {
	font-size:12px;
	line-height:16px;
	padding: 3px 10px 3px 10px;
	
}
.left_new {
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(../image/left_foot.jpg);
    background-repeat: no-repeat;
    background-position: bottom;

	padding: 6px 0 6px 0;
	margin: 0 0 10px 0;
}
.left_new p {
	font-size:11px;
	line-height:12px;
	padding: 3px 10px 3px 10px;
}
.date {
	color: #666666;
	background-color: #FFFFFF;
	font-size: 11px;
}
.left_m_top	{
	color: #FFFFFF;
	width: 200px;
	height: 24px;
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 18px;
	text-align: center;
	line-height: 24px;
	font-weight: bold;
	background-color: #000000;
}
.left_m_new	{
	color: #333333;
	background-color: #FFFFFF;
	width: 201px;
	height: 60px;
	background-image: url(../image/l-new.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
	margin: 0;
	padding: 0;
}

/******** yƒtƒbƒ^[z ********/
#FOOTER1 {
	background-image: url(../image/bg_footer.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	color: #FFFFFF;
	background-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
#FOOTER1 p {
	font-size:12px;
	line-height:16px;
	padding: 0 0 30px 230px;
	background-color: #000000;
}
#FOOTER2 {
	text-align: center;
	padding: 10px 0 10px 0;
	color: #FFFFFF;
	background-color: #000000;
}
#FOOTER2 p {
	font-size:12px;
	line-height:12px;
}
.pwd {
	font-size:9px;
	line-height:12px;
}
#FOOTER2 a {
	color: #FFFFFF;
	text-decoration: none;
}
#FOOTER2 a:hover,
#FOOTER2 a:active, 		/* for IE (Keyboard) */
#FOOTER2 a:focus {		/* for Netscape (Keyboard) */
	color: #FFFFFF;
	text-decoration: underline;
}
/**** ƒtƒ[ƒgƒ{ƒbƒNƒX‰πœ—pBhtml‚Ε‚Ν<br class="clear" />‚ΕŽg—p ****/
.clear {
	clear:both;
	border-bottom-width: 2px;
}
/**** ƒeƒLƒXƒg—p ****/
em {
	font-style: normal;
	font-weight: bold;
}
.bld {
	font-weight: bold;
}
.s {
	text-decoration: line-through;
}
.u {
	text-decoration: underline;
}
.f9 {
	font-size: 9px;
	line-height:12px;
}
.f10 {
	font-size: 10px;
	line-height:12px;
}
.f11 {
	font-size: 11px;
	line-height:12px;
}
.f12 {
	font-size: 12px;
	line-height:14px;
}
.f12-s {
	font-size: 12px;
	line-height:14px;
	margin: 0px;
	padding: 0px;
}
.f14 {
	font-size: 14px;
	line-height:18px;
}
.f16 {
	font-size: 16px;
	line-height:18px;
	margin-left: 30px;
}
.f18 {
	font-size: 18px;
	line-height:22px;
}
.f18-s {
	font-size: 18px;
	line-height:20px;
	margin: 0px;
	padding: 0px;
}
.f24 {
	font-size: 24px;
	line-height:42px;}
.text_right {
	text-align: right;
}
.text_left {
	text-align: left;
}
.center {
	text-align: center;
}
/**** ƒeƒLƒXƒgEF ****/
.red {
	color: #FF0000;
}
.red-bld {
	color: #FF0000;
	font-weight: bold;
}
.red-bg {
	color: #FF0000;
	background-color: #FFE6E6;
	font-weight:bold;
}
.red-bgyell {
	color: #FF0000;
	background-color: #FFFFCC;
	font-weight: bold;
}
.green {
	color: #006600;
	background-color: #FFFFFF;
}
.green-bld {
	color: #006600;
	background-color: #FFFFFF;
	font-weight: bold;
}
.green-bg {
	color: #006600;
	background-color: #99FF00;
	font-weight:bold;
}
.green-bgyell {
	color: #006600;
	background-color: #FFFF00;
	font-weight: bold;
}
.blue {
	color: #006699;
	background-color: #FFFFFF;
}
.blue-bld {
	color: #006699;
	background-color: #99FFFF;
	font-weight: bold;
}
.pop{
	font-family: "HGP‘n‰pŠpΞί―Μί‘Μ";
}

/**** ‰ζ‘œ—p ****/
img {
	border:0;
}
.float-left {
	float: left;
	margin-right: 6px;
	margin-left: 6px;
}
.float_right {
	float: right;
}
.img-middle {
	vertical-align: middle;
}
/**** ƒtƒH[ƒ€—p ****/
form {
	margin:0;
}
textarea {
	font-size: 12px;
	width:340px;
	height:46px;
}

/** other config **/
#whatsnew-overflow { overflow:auto; border:1px solid #CCCCCC; padding-left:15px; margin:0px 0 10px 0; height:100px;}
#whatsnew-overflow p { margin:10px 0;}

.mar-top25 { margin-top:25px;}

.pad-top25 { padding-top:25px;}

.pad-bot25 { padding-bottom:25px;}

.box-yellow
{
	background-color: #ffffee;
	border: 1px solid #ffcc99;
	margin: 15px 0;
	padding: 10px;
}

/* table */

#legal_notice
{
   border-collapse: collapse;
   width: 95%;
   margin: 25px auto;
   padding: 0;
   border-top: 2px solid #e3e3e3;
   border-left: 2px solid #e3e3e3;
}

#legal_notice th
{
   background: #f5f5f5;
   color: #000;
   font-size: 12px;
   text-align: left;
   font-weight: bold;
   padding: 3px 5px;
   border-right: 1px solid #e3e3e3;
   border-bottom: 1px solid #e3e3e3;
   width: 30%;
}

#legal_notice td
{
   background: #fff;
   color: #000;
   font-size: 12px;
   padding: 3px 5px;
   border-right: 1px solid #e3e3e3;
   border-bottom: 1px solid #e3e3e3;
   width: 70%;
}

#menu2
{
   border-collapse: collapse;
   width: 90%;
   margin: 0 auto;
   padding: 0;
   border-top: 0px solid #e3e3e3;
   border-left: 0px solid #e3e3e3;
}

#menu2 th
{
   background: #f5f5f5;
   color: #000;
   font-size: 12px;
   text-align: left;
   font-weight: bold;
   padding: 0px;
   border-right: 0px solid #e3e3e3;
   border-bottom: 0px solid #e3e3e3;
}

#menu2 td
{
   background: #fff;
   color: #000;
   font-size: 12px;
   padding: 5px;
   font-weight:bold;
   vertical-align:text-top;
   border-right: 0px solid #e3e3e3;
   border-bottom: 0px solid #e3e3e3;
}

#menu2 p { margin:10px 0;}

/* list */

.list-check
{
   margin: 15px 15px;
   padding: 5px 10px 15px 45px;
   background-color: #ffffee;
   line-height: 1.6;
   border: 1px solid #ffcc99;
   list-style-image: url(../image/checkmark.gif);
   list-style-position: outside;
}

.list-check li
{
   margin-top: 10px;
   font-size:14px;
   color: #333;
}

.marumaga
{
margin: 15px 30px;
padding: 0px 10px 35px 35px;
line-height: 1.6;
list-style-position: outside;
}

.merumaga li
{
margin-top: 10px;
color: #333;
}

.list-box
{
   margin: 15px 0;
   padding: 0px 10px 15px 35px;
   background-color: #ffffee;
   line-height: 1.6;
   border: 1px solid #ffcc99;
   list-style-position: outside;
}

.list-box li
{
   margin-top: 10px;
   color: #333;
   font-size:14px;
}

.box
{
   margin: 15px 0;
   padding: 10px 10px 15px 35px;
   background-color: #ffffee;
   line-height: 1.6;
   border: 1px solid #ffcc99;
   
}

.bg-icon-lightbulb { background: url(../image/lightbulb.gif) no-repeat ; padding-left: 20px }

.bg-icon-comment { background: url(../image/comment.gif) no-repeat ; padding-left: 20px }

.bg-icon-exclamation { background: url(../image/exclamation.gif) no-repeat ; padding-left: 20px; padding-top:5px; }

.bg-icon-page_white_text { background: url(../image/page_white_text.gif) no-repeat ; padding-left: 20px }

.bg-icon-attach { background: url(../image/attach.gif) no-repeat ; padding-left: 20px }

.pad-left20 { padding-left:20px;}

.italic { font-style: italic }

.meirio { font-family:"ƒƒCƒŠƒI"; font-weight:bold;}

.line-through { text-decoration: line-through }