/* light orange */
 /* deep orange */
 /* light green */
 /* deep green */


body {
margin: 0px; padding: 0px; color: #000000; background: #FFFFFF;
font: 13px/150% verdana, arial, sans-serif; border: none;
}
a { color: #333333; text-decoration: underline; }
 
/*color: #FF6600; text-decoration: underline;*/
a:hover { color: #999999; text-decoration: underline; }
/*color: #FF9933; text-decoration: underline;*/
h1 { margin: 0px; padding: 0px; font-size: 12px; line-height: 110%; color: #cccccc; }
h1 span.small { font-size: 10px; }
h2 {
margin: 0px; padding: 0px; font-size: 15px;
width: 491px; height: 30px; color: #666666;
margin: 10px 0px 5px 0px; padding: 5px 10px 5px 20px;
background: url("http://www.tokkin.co.jp/images/contents_title2.jpg") no-repeat;
}
h3 {
margin: 5px 5px 5px 10px; padding: 0px 0px 0px 20px; font-size: 15px;
background: url("http://www.tokkin.co.jp/images/top_news_deco.jpg") left no-repeat;
}

p { margin: 0px 5px; padding: 0px 5px 10px 5px; }

ul { margin: 2px 0px 2px 20px; padding: 2px; list-style: none; }
ol { margin: 2px 0px 2px 20px; padding: 2px; }
li { margin: 0px; padding: 2px; }

img { border: 0px; }

hr {
color: #666666; background-color: #666666;
height: 1px; border: 1px; border-style: dotted;
}

.fleft { float: left; margin: 5px; padding: 0px; }
.fright { float: right; margin: 5px; padding: 0px; }
.fclear { clear: both; }

table { font-size: 11px; }

/* form styling */
input,select { margin: 1px; font-size: 13px; }
textarea { margin: 1px; font-size: 13px; width: 480px; }
#ok { height: 30px; font-size: 15px; font-weight: bold; background:#FF9933; }
#back { height: 30px; background:#EFEFEF; }

.form_style {
width: 100%; font-size: 13px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #CCCCCC;
}
.form_style p { font-size: 11px; color: #006600; margin: 3px; padding: 0px; }
.form_style th {
padding: 3px; text-align: left; font-weight: normal; vertical-align: top; background: #EFEFEF;
border-width: 0px 0px 1px 1px; border-style: solid; border-color: #CCCCCC;
}
.form_style th.b {
padding: 3px; text-align: left; font-weight: bold; color: #FFFFFF; vertical-align: top; background: #666666;
border-width: 0px 0px 1px 1px; border-style: solid; border-color: #CCCCCC;
}

.form_style td {
padding: 3px; border-width: 0px 0px 1px 1px; border-style: solid; border-color: #CCCCCC;
}



/* contents styling */

#wrapper {
position: relative;
margin: auto; padding: 0px;
width: 900px;
background: #FFFFFF; font-size: 13px;
border:none;
}

#wrapper #container {
/*position: absolute !important;*/
position: relative;

/*top: 265px;*/

left: 0px !important;
overflow: visible !important;

width: 900px;
padding: 0px; margin: 0px;

line-height: 120%; font-size: 13px;
border:none;

}

#wrapper #container #flash_top{
margin-top: 7px;
}

#wrapper #container2 {
position: absolute !important;
/*top: 145px;*/
/*top: 160px;*/
top: 230px;
left: 0px !important;
overflow: visible !important;
width: 900px;
padding: 0px; margin: 0px;
}


/* main styling */

#wrapper #main_contents {
float: left;
width: 660px;
padding: 10px 10px; margin: 0px;
word-wrap: break-word; overflow: hidden;
margin-top: 7px;
background: url("http://www.tokkin.co.jp/images/sidemenu_whblue.png") repeat;


}

#wrapper #main_contents .title {
width: 501px; height: 25px; color: #FFFFFF;
margin: 10px 0px; padding: 8px 10px 2px 10px;
background: url("http://www.tokkin.co.jp/images/contents_title.jpg") no-repeat;
}
.main_contents_pan {
font-size: 12px; padding: 0px; margin: 0px;
}

ul.arrow { margin: 10px 5px 10px 25px; padding: 0px 5px; list-style: url("http://www.tokkin.co.jp/images/arrow.jpg"); }
ul.arrow li { margin: 2px 0px; padding: 2px; line-height: 120%; }




/* main-toppage styling */
.syun { width: 510px; padding: 0px; margin: 0px 0px 20px 5px; border: 1px solid #CCCCCC; }
.syun td { vertical-align: top; font-size: 13px; padding: 3px 0px; }
.syun .stitle { font-size:20px; font-weight:bold; color:#603913; }
.feature td { font-size: 13px; vertical-align: top; padding: 3px 0px; }
.feature p { margin: 0px 5px; padding: 0px 5px 5px 5px; }
.feature p.arrow {
margin: 5px 5px 10px 10px; padding: 0px 0px 0px 15px;
font-size: 16px; font-weight: bold; color: #FF9933;
background: url("http://www.tokkin.co.jp/images/arrow.jpg") left no-repeat;
}



.news { margin: 20px 0px 0px 0px; }


.voice {
width: 345px;
margin: 0px 5px 5px 5px;
padding: 5px 5px 4px 1px;
/*font-weight: bold;*/
background: url("http://www.tokkin.co.jp/images/border.jpg") bottom center no-repeat;
}
.voice .catch{ font-size:12px; margin: 0px; padding: 0px 0px 3px 0px; vertical-align: top; }
.voice .name{ text-align: center; color: #666666; font-size: 13px; font-weight: normal; margin: 3px 0px; padding: 0px;}
.voice img { vertical-align: top; }
/*.voice a { color: #FF9933; text-decoration: none; }
.voice a:hover { color: #FF9933; text-decoration: underline; }*/



ul.news,ul.report { margin: 3px; padding: 0px; list-style: none; }

ul.news a,ul.report a { color: #333333; text-decoration: underline; }
ul.news a:hover,ul.report a:hover { color: #999999; text-decoration: underline; }
ul.news li {
font-size:13px; height: 20px; margin: 3px 0px; padding: 7px 0px 8px 1px; color: #999999;

}


ul.report li {
font-size:13px; height: 35px; margin: 3px 0px; padding: 7px 0px 3px 1px; color: #999999;

/*background: url("http://www.tokkin.co.jp/images/top_news_date.jpg") left no-repeat;*/
}


.news_date { font-size:13px; font-weight: bold; text-align: center; margin: 0px 10px 0px 0px; color: #999999;}


/*.report_date { font-weight: bold; color: #FFFFFF; text-align: center; margin: 0px 40px 0px 0px; }*/
.report_date { font-size:13px; font-weight: bold; text-align: center; margin: 0px 10px 0px 0px; color: #999999;}


/*top*/
ul#top_mmenu {

	line-height: 170%;
	margin-top:0px;
	padding:0px;
	list-style:none;	
	/*float:left;	*/
	}


ul#top_mmenu li {
background: url("http://www.tokkin.co.jp/images/border.jpg") bottom center no-repeat;
	color:#FF6600;
	margin-right: 1px;
	margin-left: 0px;

	/*•¶ŽšˆÊ’u‚Ì’²�®*/
	padding-top:3px;
	padding-left:1px;
	text-align: left;
	font-size:14px;
	font-family:"‚l‚r ƒSƒVƒbƒN", "Osaka�|“™•�";
		 }

ul#top_mmenu a{
color:#FF6600;
	display:block;

}

ul#top_mmenu a:hover {
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	}


/*top*/
#wrapper #main_contents #top_col1 {
	width:300px;
 	margin-top: 5px;
	margin-right: 5px;
	float:left;	
}

#wrapper #main_contents #top_col2 {
	width:300px;
 	margin-top: 5px;
	margin-right: 0px;
	float:left;	
}

ul#top_mlist {

	margin-top:10px;
	padding:0px;
	list-style:none;	
	margin-right: 2px;
	}


ul#top_mlist li { 	
background-image:url(../images/allow_toplist.JPG);
background-repeat: no-repeat;
	color:#000000;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 2px;
	padding-top:1px;
	padding-left:30px;
	border: 1px solid #CCCCCC;
	font-size:13px;
	font-family:"‚l‚r ƒSƒVƒbƒN", "Osaka�|“™•�";
		 }

ul#top_mlist a{
	margin-top: 1px;
	color:#000000;
	display:block;
}

ul#top_mlist a:hover {
	font-size:17px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#228B22;
	text-decoration:none;
	}







/* header styling */
#wrapper #head {
width: 900px;
padding: 0px; margin: -10px 0px 0px 0px;
background: #FFFFFF;
word-wrap: break-word;
overflow: hidden;

}



#head #logo { float: left; width: 290px; height: 55px; padding:0px; margin: 0px 0px 0px 0px; }
#head #search_style {
height: 0px; padding: 0px 0px 0px 0px; margin: 0px; text-align: right; }
#head #search_style form { margin: 0px 0px 0px -35px; padding: 0px; }
#head #search_style input { margin: 0px; padding: 0px; font-size: 10px; vertical-align: middle; }
#head #search_style #search { margin: 0px 0px 0px 0px; padding: 0px; width: 115px; height: 12px; }
#head #search_style ul { font-size: 10px; margin: -20px 230px 0px 0px; padding: 0px; list-style: none; }
#head #search_style li { margin: 0px; padding: 0px 0px; display: inline; border-right: 0px solid #000000; }
#head #search_style li.right { margin: 0px; padding: 0px 5px; display: inline; border: none; }
#head #search_style ul a { color: #000000; text-decoration: underline; }
#head #search_style ul a:hover { color: #000000; text-decoration: underline; }

#head #translate {margin: 21px 0px 0px 0px;}

/*‰ñ‚è�ž‚݉ð�œ
.f-clear{
clear : left;
}*/

ul#head_menu { margin-top: 2px; margin-left: 6px; margin-bottom: 5px; padding: 1px; list-style: none; height: 50px; }
ul#head_menu li { float:left; margin: 0px; padding: 0px; display: inline; font-size:1px;}

ul#head_menut { margin: 10px; padding: 1px; list-style: none; height: 50px; }
ul#head_menut li { float:left; margin: 0px; padding: 0px; display: inline; font-size:1px;}
/*
ul#head_menu li a {
    zoom: 1;
}*/
/*
ul#head_menut {
	line-height: 170%;
	margin-top:0px;
	padding:0px;
	list-style:none;	
	float:left;	
	}

ul#head_menut li { 
	float:left;
	color:#FFFFFF;
	margin-right: 0px;
	margin-left: 0px;
	border: 0px solid #228B22;
	display:block;
	
	font-size:12px;
	font-weight:bold;
	font-family:"‚l‚r ƒSƒVƒbƒN", "Osaka�|“™•�";
		 }

ul#head_menut a{
	color:#FFFFFF;
	display:block;
	width: 118px;
	height:35px;
}
ul#head_menut li#a a{
	width: 140px;
	height:50px;
		display:block;

}

ul#head_menut li#a a:hover{
	width: 140px;
	height:50px;
	background-image:url(http://www.tokkin.co.jp/test/h_menu_navi11.jpg);
}

ul#head_menut li#a a:hover img { visibility:hidden;}

ul#head_menut li#b a{
	width: 140px;
	height:50px;
		display:block;
}
ul#head_menut li#b a:hover{
	width: 140px;
	height:50px;
	background-image:url(http://www.tokkin.co.jp/test/h_menu_navi12.jpg);
}
ul#head_menut li#b b:hover img { visibility:hidden;}

ul#head_menut li#c a{
	width: 140px;
	height:50px;
	display:block;

}
ul#head_menut li#c a:hover{
	width: 140px;
	height:50px;
	background-image:url(http://www.tokkin.co.jp/test/h_menu_navi13.jpg);
}
ul#head_menut li#c a:hover img { visibility:hidden;}


ul#head_menut li#d a{
	width: 140px;
	height:50px;
		display:block;

}
ul#head_menut li#d a:hover{
	width: 140px;
	height:50px;
	background-image:url(http://www.tokkin.co.jp/test/h_menu_navi14.jpg);
}

ul#head_menut li#d a:hover img { visibility:hidden;}

ul#head_menut li#e a{
	width: 140px;
	height:50px;
		display:block;
}
ul#head_menut li#e a:hover{
	width: 140px;
	height:50px;
	background-image:url(http://www.tokkin.co.jp/test/h_menu_navi15.jpg);
}
ul#head_menut li#e b:hover img { visibility:hidden;}

ul#head_menut li#f a{
	width: 140px;
	height:50px;
	display:block;

}
ul#head_menut li#f a:hover{
	width: 140px;
	height:50px;
	background-image:url(http://www.tokkin.co.jp/test/h_menu_navi16.jpg);
}
ul#head_menut li#f a:hover img { visibility:hidden;}
*/


/*infoƒGƒŠƒA*/
#wrapper #info{
position: relative;
margin-top: 1px; padding: 0px;
width: 900px;
background: #F0FFFF; font-size: 13px;
}


/*info“à�@Ž–—á�ЉîƒGƒŠƒA*/
#imgHover {
	position: relative;
	margin-top: 15px;
	width: 145px;
	font-size:12px;
}
	#imgHover #imgFrame {
		border: solid 1px #999;
		position: relative;
		right: 0;
		top: -150px;
		left:125px;
		height:250px;
		/*line-height: 124px;*/
		text-align: center;
		/*width: 200px !important;
		width: 206px;
		height: 124px !important;
		height: 130px;*/

	}

	#imgHover #imgHoverList {
		list-style: none;
		position: relative;
	}
		#imgHover ul li {
			/*float: left;*/
			margin-right: 5px;
		}
			#imgHover ul li img {
				border: none;
			}
			
			#imgHover ul li a {
				display: block;
			}
			
			#imgHover ul li a:hover {
				position: static;
			}
			
			#imgHover ul li a .mainImage {
				display: none;
			}
			
			#imgHover ul li a:hover .mainImage {
				display: block;
				position: absolute;
				top: 20px;
				left: 120px !important;
				/*left: 83px;*/
			}

ul#imgjs li { float:left; margin: 0px; padding: 0px; display: inline; }		
			
			

/* side-menu styling */
#wrapper #side_menu {
float: right; width: 210px;
text-align: center;
padding: 2px 0px;
margin-top: 17px;
margin-left: 10px;
/*background: url("http://www.tokkin.co.jp/images/sidemenu_whblue.png") repeat-y ;*/

word-wrap: break-word; overflow: hidden;
}

#side_menu #entry {
text-align: left; font-size: 13px; line-height: 120%; padding: 3px; margin: 0px 10px 10px 10px;
border: 1px solid #FF9933; background: #FFFFFF;
}
#side_menu #entry ul {
margin: 2px 0px 2px 18px; padding: 2px; list-style: square; color: #FF6600;
}
#side_menu #entry li { margin: 0px; padding: 2px; }

#side_menu #mokuteki {
height: 231px; padding: 40px 0px 0px 0px; margin: 0px 0px 10px 0px;
background: url("http://www.tokkin.co.jp/images/lmenu_mokuteki.jpg") center no-repeat;
}

#side_menu #mag{
height: 54px; padding: 50px 0px 0px 0px; margin: 0px 0px 10px 0px;
background: url("http://www.tokkin.co.jp/images/lmenu_mag.jpg") center no-repeat;
}
#side_menu #mag form { margin: 0px; padding: 0px; }
#side_menu #mag input { margin: 0px; padding: 0px; font-size: 13px; vertical-align: bottom; }
#side_menu #mag #email { margin: 0px 2px 0px 0px; padding: 0px; width: 115px; height: 18px; }

#side_menu p { padding: 0px; margin: 0px 0px 10px 0px; }
#side_menu #mokuteki p { padding: 0px; margin: 0px 0px 3px 0px; }
#side_menu #mag p { padding: 0px; margin: 0px 20px 2px 0px; text-align: right; }



#side_menu #search_style {
text-align: center;

}
#side_menu #search_style form { margin: 5px 0px 0px 0px; padding: 0px; }
#side_menu #search_style input { margin: 0px; padding: 0px; font-size: 10px; vertical-align: middle; }
#side_menu #search_style #search { margin: 0px 2px 0px 0px; padding: 0px; width: 150px; height: 18px; }


#side_menu #list ul{
	margin:0px 0px;
	padding:1px;
	list-style:none;	
	/*float:center;*/
	}
	

#side_menu #list li { 
	color:#228B22;

	/*•¶ŽšˆÊ’u‚Ì’²�®*/
	padding-top:7px;

	margin-top: 1px;	
	margin-right: 0px;
	margin-left: 0px;
	border: 0px solid #CCCCCC;
	text-align: center;
	width: 150px;
	height:20px; 
	
	font-size:12px;
	font-weight:bold;
	font-family:"‚l‚r ƒSƒVƒbƒN", "Osaka�|“™•�";
	
	/*test
	-webkit-transition-duration:1s;
	-webkit-transition-timing-function:ease-in-out;
	*/
	}


#side_menu #list a{

	display:block;
	width: 110px;
	height:18px;
	padding-left:5px;
	margin-left: 30px;

	}

#side_menu #list a:hover {
	color:#FFFFFF;

	text-decoration:none;
}





#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider, #slider li{width:696px;height:241px;overflow:hidden;}
/*span#prevBtn{margin-right:10px;} //–ß‚éƒ{ƒ^ƒ“
span#nextBtn{}	//�i‚Þƒ{ƒ^ƒ“
*/




/*REPORTƒGƒŠƒA*/
#wrapper #report{
position: relative;
margin-top: 1px; padding: 0px;
width: 600px;
/*background: #F0FFFF;*/
font-size: 13px;

}


/* footer styling */
#wrapper #top_link {clear: both; width: 100%; text-align: right; }
#wrapper #foot {
width: 600px; margin: 0px; padding: 10px 0px;
font-size: 10px; line-height: 130%; text-align: center;
}
#foot a { color: #39ae4a; text-decoration: none; }
#foot a:hover { color: #006600; text-decoration: underline; }
#foot ul { margin: 10px 0px; padding: 0px; .list-style: none; }
#foot li { margin: 0px; padding: 0px 8px; display: inline; border-right: 1px solid #CCCCCC; }
#foot li.right { margin: 0px; padding: 0px 5px; display: inline; border: none; }

/* table styling */
.tstyle1 {
width: 520px; border-bottom: 1px solid #999999; border-right: 1px solid #999999;
}
.tstyle1 th { padding: 3px; vertical-align: top; border-top: 1px solid #999999; border-left: 1px solid #999999; background: #EFEFEF; font-weight: normal; text-align: left; }
.tstyle1 td { padding: 3px; vertical-align: top; border-top: 1px solid #999999; border-left: 1px solid #999999; }
.tstyle1 td td { border: none; }

.box1 {
text-align: center; width: 400px; padding: 10px; margin: 10px 40px;
font-size: 15px; font-weight: bold; background: #EFEFEF; border: 1px solid #999999;
}

/* tatene styling */
#tatene { margin: 10px; }
#tatene ul {
float: left; width: 100%; height: 26px; text-align: left;
margin: 0px; padding: 0px; list-style: none;
}
#tatene li {
float: left; height: 20px; margin: 0px; padding: 3px;
border-width: 0px 2px 2px 0px; border-style: solid; border-color: #CCCCCC;
}
#tatene li.cell01 { width: 199px; border-left: 2px solid #CCCCCC; }
#tatene li.cell02 { width: 60px; text-align: center; }
#tatene li.cell03 { width: 110px; text-align: right; }
#tatene li.cell04 { width: 60px; text-align: center; }

#tatene #midashi li {
background: #666666; color: #FFFFFF;
text-align: center; border-top: 2px solid #CCCCCC;
}







�@charset "utf-8";
/*******************************************
Garlic Form Style
MENU
--------------------------------------------
01 Garlic
*******************************************/
/*===========================================
01 Garlic Setting
===========================================*/

div#garlic_container {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center !important;
}

div#garlic_container iframe {
	width: 100%;
	border: none;
}

div#garlic_container form {
	text-align: center !important;
	width: 100%;
}

div#garlic_container form p {
	text-align: center;
}

div#garlic_container .glc_form_title {
	text-align: left;
}

div#garlic_container div.glc_form_step_explanation {
	text-align: left;
}

div#garlic_container table {
	width: 100%;
}

div#garlic_container table td,
div#garlic_container table th {
	padding-right: 10px;
	word-wrap: break-word;
	word-break: break-all;
	text-align: left;
}

div#garlic_container table th span.glc_required {
	margin-left: 3px;
	color: #d00000;
}

div#garlic_container table td input {
	margin-right: 5px;
}

div#garlic_container table td textarea {
	padding: 2px 1px;
	overflow: auto;
}

div#garlic_container table td ul {
	margin: 0;
	padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
	vertical-align:text-bottom;
} 

* html input.checkbox,
* html input.radio {
	vertical-align:-0.3em;
}  

div#garlic_container td ul.glc_cblist_x,
div#garlic_container td ul.glc_cblist_y {
	padding: 0;
	list-style: none;
}

div#garlic_container td ul.glc_cblist_x li,
div#garlic_container td ul.glc_cblist_y li {
	padding: 0;
}

div#garlic_container ul.glc_cblist_x li {
	float: left;
	margin-right: 5px;
}

div#garlic_container div.glc_required_description {
	text-align: right;
	font-size: 10px;
}

div#garlic_garlic_seal {
	margin: 30px 10px 10px 10px;
}

div#garlic_container table tbody td span.warning {
	display: block !important;
	font-size: smaller;
	color: #d00000;
}


/*===========================================
02 Garlic Design
===========================================*/
div#garlic_container .glc_form_title {
	margin: 0 0 10px 2px;
	padding: 7px 10px;
	text-align: left;
	font-weight: bold;
	font-size: 105%;
	background: url("http://www.tokkin.co.jp/images/contents_title01.jpg") no-repeat 0 0;
	color: #ffffff;

}

div#garlic_container .glc_form_title p {
	margin: 0 6px;
	padding: 5px 10px;
	font-size: 100%;
}

div#garlic_container div.glc_form_step_explanation {
	margin: 10px 5px;
	font-size: 100%;
}

div#garlic_container table {
	width: 99%;
	margin: 0 0 15px 5px;
	border-collapse: collapse;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, Helvetica, HiraKakuPro-W3, verdana, arial, sans-serif;
}

div#garlic_container table th,
div#garlic_container table td {
	padding: 5px 7px;
	border: solid 1px #cccccc;
	font-size: 120%;
	word-wrap: break-word;
	word-break: break-all;
	text-align: left;
	color: #333333;

}

div#garlic_container table th {
	width: 30%;
	font-weight: normal;
	background: #efefef;
}

div#garlic_container table td input {
	color: #333333;
}

div#garlic_container table td ul li{
	background: none;
}

div#garlic_container table td textarea {
	width: 98.5%;
	font-size: 95%;
}