@charset "UTF-8";


/* header
--------------------------------------------------------- */
#header
	{
		background:#e7e7e7;
	}
#header .in
	{
		width:870px;
		margin:0 auto;
	}
#header .left
	{
		width:139px;
	}
/*
#header #title
	{
		background:url("../img/det_logo_bg_middle.gif") repeat-y;
	}
*/
#header #title .in
	{
		width:100%;
/*		background:url("../img/det_logo_bg_top.gif") no-repeat;*/
	}
#header #title .in img
	{
		padding:25px 0 0;
	}
#header #title span
	{
		display:block;
/*		background:url("../img/det_logo_bg_bottom.gif") no-repeat;*/
		height:15px;
	}
#header .right
	{
		width:700px;
	}
#header .right .caption
	{
		float:left;
		width:320px;
		padding: 30px 0 0 0;
	}
#header .right .caption a,#header .right .caption a:hover
	{
		color:#333333;
		text-decoration:none;
	}
#header .right .headmenu
	{
		float:right;
		width:324px;
	}
#header .right .headmenu .navi
	{
		width:264px;
		background:url(../img/head_menu_middle.gif) repeat-y;
		margin:0 0 0 60px;
	}
#header .right .headmenu .navi ul
	{
		width:214px;
		padding:0 0 0 50px;margin:0;
		list-style:none;
	}
#header .right .headmenu .navi li
	{
		float:left;
		padding:5px 0 5px 0;
		color:#333333;
		width:100px;
	}
#header .right .headmenu .navi li a
	{
		background:url(../img/arrow03.gif) no-repeat 0 4px;
		display:block;
		padding:0 0 0 8px;
		color:#333333;
	}
#header .right .headmenu .navi span
	{
		display:block;
		width:264px;
		height:15px;
		background:url(../img/head_menu_bottom.gif) no-repeat #e7e7e7;
	}
#header .right .headmenu .google
	{
		padding:5px 0 0 5px;
	}
#header .right .headmenu .google form
	{
		margin:0;padding:0;
	}

/* Directorys
--------------------------------------------------------- */
#Directorys
	{
		padding:12px 0;
	}

/* Contents Main Image & Ads Banner
--------------------------------------------------------- */
#ContentsHead
	{
		padding:0 0 10px 0;
	}
#ContentsHead .left
	{
		width:561px;
	}
#ContentsHead .right
	{
		width:305px;
	}

/* Contents Inside 
--------------------------------------------------------- */
#inside
	{
		padding:0 0 25px 0;
	}
#inside .left
	{
		width:561px;
	}
#inside .right
	{
		width:291px;
	}
#inside2
	{
		padding:0 0 25px 0;
	}
#inside2 .left
	{
		width:620px;
	}
#inside2 .right
	{
		width:223px;
	}

/* parts : midashi
--------------------------------------------------------- */
.left .midashi01
	{
		wisth:561px;
		background:url(../img/left_midashi01_bg_middle.gif) repeat-y;
	}
.left .midashi01 .in
	{
		background:url(../img/left_midashi01_bg_top.gif) no-repeat;
		padding:0;
	}
.left .midashi01 .in h2
	{
		margin:0;padding:7px 0 2px 10px;
		font-size:120%;
	}
.left .midashi01 .in .cleft
	{
		width:300px;
	}
.left .midashi01 .in .cright
	{
		width:55px;
		padding:9px 0 2px 0;
	}
.left .midashi01 span
	{
		display:block;
		wisth:561px;
		height:15px;
		background:url(../img/left_midashi01_bg_bottom.gif) no-repeat #fff;
		margin:0 0 10px 0;
	}
.right .midashi01
	{
		background:url(../img/right_midashi01_bg_middle.gif) repeat-y;
		width:291px;
	}
.right .midashi01 h2
	{
		background:url(../img/right_midashi01_bg_top.gif) no-repeat;
		margin:0;padding:7px 0 2px 10px;
		font-size:120%;
		font-weight:normal;
	}
.right .midashi01 span
	{
		display:block;
		width:291px;
		height:15px;
		background:url(../img/right_midashi01_bg_bottom.gif) no-repeat #fff;
	}
.midashi03
	{
		font-size:120%;
		border-bottom:1px solid #666666;
		color:#666666;
		margin:0 0 15px 0;
	}
.midashi06
	{
		font-size:100%;
		border-bottom:1px solid #666666;
		color:#666666;
		margin:0 0 15px 0;
	}
.midashi04
	{
		width:620px;
		background:#ebedf2;
		margin:0 0 5px 0;
	}
.midashi04 h3
	{
		background:url(../img/left_midashi03_bg_top.gif) no-repeat;
		margin:0;padding:5px 10px 0 10px;
		font-size:120%;
	}
.midashi04 span
	{
		width:620px;
		height:15px;
		display:block;
		background:url(../img/left_midashi03_bg_bottom.gif) no-repeat #fff;
	}
.midashi05
	{
		font-size:100%;
		margin:0;padding:0;
		color:#666;
	}

.midashi_s
	{
		width:870px;
		background:#ebedf2;
		margin:0 0 5px 0;
	}
.midashi_s h3
	{
		background:url(../img/left_midashi_s_bg_top.gif) no-repeat;
		margin:0;padding:5px 10px 0 10px;
		font-size:120%;
	}
.midashi_s span
	{
		width:870px;
		height:15px;
		display:block;
		background:url(../img/left_midashi_s_bg_bottom.gif) no-repeat #fff;
	}
.country
	{
		clear:both;
		margin:0;
		text-align:right;
	}
.country span
	{
	font-size:10px;
	}

/* parts : font & text
--------------------------------------------------------- */
.att01
	{
		font-size:80%;
		color:#ff0000;
	}
p.read
	{
		padding:0 35px;
		margin:0;
		font-size:120%;
	}

/* parts : line
--------------------------------------------------------- */
.line
	{
		background:url(../img/line_pt01.gif) repeat-x;
		height:15px;
	}


/* parts : list
--------------------------------------------------------- */
.list01
	{
		padding:5px 0 5px 0;
	}
.list01 ul
	{
		list-style:none;
		margin:0;padding:0 10px;
	}
.list01 li
	{
		background:url(../img/arrow04.gif) no-repeat;
		padding:3px 0 10px 30px;
		font-size:120%;
		line-height:1.1;
		font-weight:bold;
	}
.list01 span
	{
		display:block;
		width:291px;
		height:15px;
		background:url(../img/box01_bottom.gif) no-repeat;
	}
.list02
	{
		padding:0 0 5px 0;
	}
.list02 ul
	{
		list-style:none;
		margin:0;padding:0 10px;
	}
.list02 li
	{
		background:url(../img/arrow05.gif) no-repeat 0 5px;
		padding:0 0 4px 10px;
		font-size:100%;
		line-height:1.4;
	}
.list02 span
	{
		display:block;
		width:291px;
		height:15px;
		background:url(../img/box01_bottom.gif) no-repeat;
	}
.list03 ul
	{
		width:100%;
		margin:0;padding:0 0 10px 0;
		list-style:none;
	}
.list03 li
	{
		float:left;
		padding:0 5px 0 0;
	}
.list04 ul
	{
		width:100%;
		margin:0;padding:0 0 10px 0;
		list-style:none;
	}
.list04 li
	{
		width:49%;
		float:left;
		padding:0 0 0 0;
	}

/* right banner
--------------------------------------------------------- */
.ban
	{
		padding:0 0 0 0;
	}
.ban span
	{
		display:block;
		padding:0 0 10px 0;
	}

/* parts : arrow
--------------------------------------------------------- */
.arrow01
	{
		background:url(../img/arrow01.gif) no-repeat;
		padding:1px 0 1px 25px;
	}
.arrow02
	{
		background:url(../img/arrow05.gif) no-repeat 0 5px;
		padding:1px 0 1px 10px;
	}

/* parts : padding
--------------------------------------------------------- */
.pd10px
	{
		padding:5px 10px 20px 10px;
	}
.pd20px
	{
		padding:5px 20px 20px 20px;
	}
.pdbt
	{
		padding:5px 0 20px 0;
	}
.pdbt2
	{
		padding:0 0 20px 0;
	}
.pd10px, .pdbt, .pdbt2
	{
		line-height:1.5;
	}
.pd10px p, .pd20px p, .pdbt p, .pdbt2 p
	{
		margin:0;padding:0 0 15px 0;
	}
.pd10px ol, .pdbt ol, .pdbt2 ol
	{
		margin:0;padding:0 0 10px 23px;
	}



/* parts : collumns
--------------------------------------------------------- */
.col2, col21, col21
	{
		width:600px;
	}
.col2 .cleft, .col2 .cright
	{
		width:285px;
	}
.col12 .cleft, .col21 .cright
	{
		width:180px;
	}
.col12 .cright, .col21 .cleft
	{
		width:390px;
	}
.col111 ul
	{
		width:100%;
		margin:0;padding:0 0 10px 0;
		list-style:none;
	}
.col111 li
	{
		float:left;
		width:33%;
		text-align:center;
	}
.col1111 ul
	{
		width:100%;
		margin:0;padding:0 0 10px 0;
		list-style:none;
	}
.col1111 li
	{
		float:left;
		width:25%;
		text-align:center;
	}
.col11 ul
	{
		width:100%;
		margin:0;padding:0 0 10px 0;
		list-style:none;
	}
.col11 li
	{
		float:left;
		width:50%;
		text-align:center;
	}
.col11111 ul
	{
		width:100%;
		margin:0;padding:0 0 10px 0;
		list-style:none;
	}
.col11111 li
	{
		float:left;
		width:20%;
		text-align:center;
	}

/* parts : ph
--------------------------------------------------------- */
.phL
	{
		float:left;
		margin:0 10px 10px 0;
	}
.phR
	{
		float:right;
		margin:0 0 10px 10px;
	}

/* right : contents title
--------------------------------------------------------- */
.contTitle
	{
		background:url(../img/r_navi_title_bg_middle.gif) repeat-y;
	}
.contTitle a:link, .contTitle a:visited, .contTitle a:active
	{
		color:#fdfbfb;
	}
.contTitle h2
	{
		background:url(../img/r_navi_title_bg_top.gif) no-repeat;
		margin:0;padding:16px 0 5px 25px;
		color:#fdfbfb;
		font-size:120%;
		font-weight:normal;
		line-height:1.1;
	}
.contTitle span
	{
		display:block;
		background:url(../img/r_navi_title_bg_bottom.gif) no-repeat;
		height:15px;
	}

/* right : sub navigation
--------------------------------------------------------- */
.subnavi
	{
		padding:0 0 10px 0;
	}
.subnavi ul.c1,
.subnavi ul.c2
	{
		width:223px;
		margin:0;padding:0;
		list-style:none;
	}
.subnavi ul.c1 li,
.subnavi ul.c2 li
	{
		font-size:120%;
		border-bottom:1px dashed #d8dde7;
	}
.subnavi ul.c1 li a,
.subnavi ul.c2 li a
	{
		display:block;
		width:198px;
		background:url(../img/arrow07_off.gif) no-repeat 6px 13px;
		padding:10px 0 10px 25px;
	}
.subnavi ul.c1 li.cc
	{
		background:url(../img/arrow07_on.gif) no-repeat 6px 13px #7896eb;
		color:#fdfbfb;
		padding:10px 0 10px 25px;
	}
.subnavi ul.c1 li a:hover
	{
		background:url(../img/arrow07_on.gif) no-repeat 6px 13px #7896eb;
		color:#fdfbfb;
	}
.subnavi ul.c2 li a
	{
		background:url(../img/arrow05.gif) no-repeat 28px 15px;
		padding-left:40px;
		width:183px;
	}
.subnavi ul.c2 li a:hover
	{
		background:url(../img/arrow02.gif) no-repeat 28px 15px #7896eb;
		color:#fdfbfb;
	}
.subnavi ul.c2 li.cc
	{
		background:url(../img/arrow02.gif) no-repeat 28px 15px #7896eb;
		color:#fdfbfb;
		padding:10px 0 10px 40px;
	}



/* right : sub navigation2 - perple -
--------------------------------------------------------- */
.subnavi2
	{
		width:223px;
		margin:0 0 10px 0;
		background:url(../img/r_box01_bg_middle.gif) repeat-y;
	}
.subnavi2 h3
	{
		background:url(../img/r_box01_bg_top.gif) no-repeat;
		margin:0;padding:11px 0 5px 20px;
		font-weight:normal;
		font-size:120%;
	}
.subnavi2 span
	{
		display:block;
		background:url(../img/r_box01_bg_bottom.gif) no-repeat;
		height:15px;
	}

/* right : other link etc...
--------------------------------------------------------- */
.subnavi3
	{
		width:211px;
		padding:0 0 10px 0;
	}
.subnavi3 .title
	{
		width:211px;
		background:url(../img/r_box02_title_bg_middle.gif) repeat-y;
	}
.subnavi3 .title h4
	{
		background:url(../img/r_box02_title_bg_top.gif) no-repeat;
		margin:0;padding:10px 0 10px 20px;
		font-size:120%;
		font-weight:normal;
		line-height:1.1;
		color:#5b5a5a;
	}
.subnavi3 .list
	{
		width:211px;
		background:url(../img/r_box02_bg_middle.gif) repeat-y;
	}
.subnavi3 .list ul
	{
		width:211px;
		background:url(../img/r_box02_bg_top.gif) no-repeat;
		margin:0;padding:10px 0 0 0;
		list-style:none;
	}
.subnavi3 .list li
	{
		background:url(../img/arrow05.gif) no-repeat 10px 4px;
		padding:0 0 7px 20px;
		line-height:1.1;
	}
.subnavi3 .list span
	{
		background:url(../img/r_box02_bg_bottom.gif) no-repeat;
		display:block;
		height:15px;
	}

/* parts : box
--------------------------------------------------------- */
.box01
	{
		width:602px;
		margin:auto;
		padding:0 0 10px 0;
	}
.box01 .title
	{
		background:url(../img/l_box01_title_bg_middle.gif) repeat-y;
	}
.box01 .title h5
	{
		background:url(../img/l_box01_title_bg_top.gif) no-repeat;
		margin:0;padding:10px 20px;
		font-size:120%;
		line-height:1.1;
		font-weight:normal;
	}
.box01 .title h5 span
	{
		background:url(../img/l_box01_logo.gif) no-repeat;
		margin:0;padding:5px 0 5px 100px;
	}
.box01 .list
	{
		background:url(../img/l_box01_bg_middle.gif) repeat-y;
	}
.box01 .list ul
	{
		width:582px;
		background:url(../img/l_box01_bg_top.gif) no-repeat;
		margin:0;padding:10px 0 0 20px;
		list-style:none;
	}
.box01 .list li
	{
		font-size:12px;
		float:left;
		width:190px;
		padding:0 0px 5px 0;
		line-height:16px;
	}
.box01 .list li a
	{
		background:url(../img/arrow05.gif) no-repeat 0 3px;
		padding-left:12px;
	}
.box01 span
	{
		display:block;
		background:url(../img/l_box01_bg_bottom.gif) no-repeat;
		height:15px;
	}

/* parts : spacer
--------------------------------------------------------- */
.spacer
	{
		height:40px;
	}

/* Accessories
--------------------------------------------------------- */
.aclist
	{
		width:600px;
	}
.aclist ul
	{
		list-style:none;
		margin:0;padding:0;
	}
.aclist li
	{
		float:left;
		width:120px;
		height:110px;
	}

/* parts : table
--------------------------------------------------------- */
.tbl01,.tbl03
	{
		padding:0 0 15px 0;
	}
.tbl01 table,.tbl03 table
	{
		width:620px;
		border-top:1px solid #d4d4d4;
		border-left:1px solid #d4d4d4;
		font-size:100%;
		line-height:1.6;
	}
.tbl01 table td,.tbl03 table td
	{
		border-bottom:1px solid #d4d4d4;
		border-right:1px solid #d4d4d4;
		padding:2px 7px;
	}
.tbl01 table caption,.tbl03 table caption
	{
		text-align:left;
		color:#555;
		font-weight:bold;
		padding:0 0 3px 0;
	}
.tbl01 table thead td,.tbl03 table thead td
	{
		background:#f6f3f3;
		text-align:center;
	}
.tbl01 table tfoot td,.tbl03 table tfoot td
	{
		color:#999;
	}
.tbl01 small,.tbl03 small
	{
		color:#999;
	}
.tbl01 strong,.tbl03 strong
	{
		color:#999;
		font-weight:normal;
	}
	
.tbl03 table
	{
		width:500px;
	}


.tbl02
	{
		padding:0 0 15px 0;
	}
.tbl02 table
	{
		width:600px;
		border-top:1px solid #d4d4d4;
		border-left:1px solid #d4d4d4;
		font-size:100%;
	}
.tbl02 table td
	{
		border-bottom:1px solid #d4d4d4;
		border-right:1px solid #d4d4d4;
		padding:2px 7px;
	}
.tbl02 table caption
	{
		text-align:left;
		color:#555;
		font-weight:bold;
		padding:0 0 3px 0;
	}
.tbl02 table thead td
	{
		background:#f6f3f3;
		text-align:center;
	}
.tbl02 table tfoot td
	{
		color:#999;
	}
.tbl02 small
	{
		color:#999;
	}
.tbl02 strong
	{
		color:#999;
		font-weight:normal;
	}
	.tbl04 table
	{
		width:620px;
		border-top:1px solid #d4d4d4;
		border-left:1px solid #d4d4d4;
		font-size:100%;
	}
	.tbl04 table td
	{
		border-bottom:1px solid #d4d4d4;
		border-right:1px solid #d4d4d4;
		padding:8px 8px;
		font-size:14px;
		line-height:20px;
		font-style:normal;
	}
		.tbl04 table td select
	{
		font-size:12px;
		font-style:normal;
	}
.tbl04 table caption
	{
		text-align:left;
		color:#FF3300;
		font-weight:bold;
		padding:0 0 5px 0;
	}

.textbox {
	background-color:#EEF7FB;
	width:250px;
	font:normal 14px;
	color: #333;
	padding:4px 3px 2px 5px;
}
.textbox:focus, .textbox:hover {
	background-color:#85C2E0;
	color:#fff;
}
.buttons {
	width:100px;
	background:#B1A88B;
	font-size:14px; 
	color:#fff;
	padding: 8px 8px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff #605A46 #605A46 #fff;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}