/* 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: #FF6600; text-decoration: underline; }
a:hover { 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;
}

/* 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;}



ul#head_menu { margin-top: 5px; 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_menu li { float:left; margin: 0px; padding: 0px; display: inline; font-size:1px;}


/* 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;
}


�@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%;
}