/* CSS Basic Style ---------------------------------------------------------- */
body {
margin:0px auto;
width:850px;
text-align: center;
border-left:1px solid #dddddd;
border-right:1px solid #dddddd;
color:#555555;
}
#wrap{
text-align:left;
}

/* Link ---------------------------------------------------------- */
a:link {
text-decoration: underline;
color: #336699;
}
a:visited {
text-decoration: underline;
color: #336699;
}
a:hover {
text-decoration: none;
color: #336699;
}
a:active {
text-decoration: underline;
color: #336699;
}

/* H-tag ---------------------------------------------------------- */
h1{
margin:0;
padding:0;
float:left;
width:76px;
}
h2{
font-size:12px;
color:#666666;
font-weight:normal;
margin:0;
padding:5px 0 0 0;
background:URL(/images/common/ti_logo.gif) no-repeat left bottom;
height:76px;
width:287px;
float:left;
}
h3{
background:URL(/images/common/h3_bg.gif) no-repeat right top;
line-height:110px;
_line-height:104px;
font-size:16px;
font-weight:normal;
color:#ffffff;
padding:0 0 0 20px;
margin:0;
}
h4{
clear:both;
background:URL(/images/common/h4_bg.gif) no-repeat right top;
line-height:45px;
font-size:14px;
font-weight:normal;
color:#336699;
padding:0 0 0 20px;
height:55px;
}
h5{
clear:both;
font-size:14px;
border-bottom:1px dotted #dddddd;
padding:0 0 3px 0;
font-weight:bold;
color:#336699;
margin:5px 10px;
}
h6{
clear:both;
font-size:12px;
font-weight:bold;
line-height:20px;
margin:14px 10px 4px 20px;
}


.ti_topics{
font-size:14px;
border-bottom:1px dotted #dddddd;
padding:0 0 5px 0;
margin:0 0 10px 0;
}

.txt_topics{
font-size:12px;
line-height:20px;
margin:0 0 20px 0;
padding:0 0 20px 0;
}

/* Margin ---------------------------------------------------------- */

.margin_bottom5 {
margin-bottom: 5px;
}
.margin_bottom10 {
margin-bottom: 10px;
}
.margin_bottom15 {
margin-bottom: 15px;
}
.margin_bottom20 {
margin-bottom: 20px;
}
.margin_bottom25 {
margin-bottom: 25px;
}
.margin_bottom30 {
margin-bottom: 30px;
}

.margin_top5 {
margin-top: 5px;
}
.margin_top10 {
margin-top: 10px;
}
.margin_top15 {
margin-top: 15px;
}
.margin_top20 {
margin-top: 20px;
}
.margin_top25 {
margin-top: 25px;
}
.margin_top30 {
margin-top: 30px;
}

.margin_left5 {
margin-left: 5px;
}
.margin_left10 {
margin-left: 10px;
}
.margin_left15 {
margin-left: 15px;
}
.margin_left20 {
margin-left: 20px;
}
.margin_left25 {
margin-left: 25px;
}
.margin_left30 {
margin-left: 30px;
}

.margin_right5 {
margin-right: 5px;
}
.margin_right10 {
margin-right: 10px;
}
.margin_right15 {
margin-right: 15px;
}
.margin_right20 {
margin-right: 20px;
}
.margin_right25 {
margin-right: 25px;
}
.margin_right30 {
margin-right: 30px;
}


/* Text ---------------------------------------------------------- */
.txt_10 {
font-size: 10px;
line-height: 14px;
}
.txt_12 {
font-size: 12px;
line-height: 20px;
}
.txt_14 {
font-size: 14px;
line-height: 24px;
}
p{
font-size:12px;
line-height: 20px;
margin:0 20px;
}
p img{
margin:5px 0;
}
.ul1{
list-style: none url(/images/common/3r.gif) outside;
vertical-align: middle;
margin-left: 50px;
padding-left: 0px;
}
.ul1 li{
margin: 5px 20px 5px 0;
line-height: 15px;
}
.ul1 p{
margin: 5px 20px 5px 0;
line-height: 15px;
}
.ul2{
list-style: none url(/images/common/3b.gif) outside;
vertical-align: middle;
margin-left: 50px;
padding-left: 0px;
}
.ul2 li{
margin: 5px 20px 5px 0;
line-height: 15px;
}
.ul2 p{
margin: 5px 20px 5px 0;
line-height: 15px;
}

/* Table ---------------------------------------------------------- */
.table {
background:#336699;
font-size:12px;
margin:0 0 10px 10px;
}
.table th{
background:#f6f6f6;
font-weight:normal;
}
.table td{
background:#ffffff;
}
.table .blue{
background:#cedff3;
}
.table .error_table{
background:#ffcccc;
}
.table2{
width:575px;
border:solid 1px #000000;
margin:10px 20px;
}
.table2 td{
height:60px;
padding:0px 5px;
border:solid 1px #000000;
background:#f2f2f2;
vertical-align: middle;
}
.table2 th{
height:30px;
padding:0 3px;
color:#ffffff;
border:solid 1px #000000;
background:#003366;
text-align:center;
}
.table3{
background:#336699;
font-family:"Arial","Helvetica",sans-serif;
font-size:12px;
margin:0 0 10px 20px;
}
.table3 th{
background:#f6f6f6;
font-weight:normal;
}
.table3 td{
background:#ffffff;
}
.table3 .blue{
background:#cedff3;
}

/*
--------------------------------------------------------------------------------
Common
--------------------------------------------------------------------------------
*/
#button{
margin:0px;
padding:0px;
background:URL(/images/common/bt_bg.gif) repeat-x left top;
width:850px;
height:38px;
}
#button li{
list-style:none;
float:left;
}
#path{
clear:both;
font-size:12px;
margin:10px;
}
.path_txt{
float:left;
}
.path_company{
float:right;
}
#path:after {
content: "";
display: block;
clear: both;
}
#contents_bg{
background:URL(/images/common/i_left_bg.gif) no-repeat left top;
clear:both;
height:100%;
}
#contents_bg:after {
content: "";
display: block;
clear: both;
}
.icon{
clear: both;
line-height: 20px;
margin: 0px 10px 0px 0px;
vertical-align: middle;
}
.line{
clear: both;
align: center;
margin: 0;
}

/*
--------------------------------------------------------------------------------
Header
--------------------------------------------------------------------------------
*/
#head{
background:URL(/images/common/head_bg.gif) no-repeat left top;
width:850px;
height:86px;
}
#head_right{
float:right;
margin:15px 10px 0 0;
}
#head_left{
float:left;
margin:5px 0 0 10px;
height:76px;
display:block;
position:static;
top:0;
left:0;
}
#contact{
text-align:right;
}
/*
--------------------------------------------------------------------------------
Left
--------------------------------------------------------------------------------
*/
#left_contents{
float:left;
width:215px;
_width:210px;
}
/*
--------------------------------------------------------------------------------
main
--------------------------------------------------------------------------------
*/
#main_contents{
float:right;
width:635px;
}
#main_box{
margin:10px;
font-size:12px;
line-height:20px;
}
/*
--------------------------------------------------------------------------------
Footer
--------------------------------------------------------------------------------
*/
#foot{
background:#336699;
clear:both;
margin:0px;
padding:0px;
height:aouto;
}
#foot_txt{
float:left;
margin:0px 0 0 5px;
}
#foot_link{
font-size:12px;
color:#ffffff;
margin:15px 0 5px 10px;
}

#foot_link a:link {
text-decoration: underline;
color: #ffffff;
}
#foot_link a:visited {
text-decoration: underline;
color: #ffffff;
}
#foot_link a:hover {
text-decoration: none;
color: #ffffff;
}
#foot_link a:active {
text-decoration: underline;
color: #ffffff;
}

address{
font-size:12px;
font-style:normal;
color:#ffffff;
margin:0 0 0 10px;
font-family: ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック;
}
#pagetop{
float:right;
margin:0 15px 0 0;
}
#foot_img{
clear:both;
height:70px;
margin:10px 0 5px 14px;
padding:10px 0 1px 0;
}

/*
--------------------------------------------------------------------------------
Index
--------------------------------------------------------------------------------
*/
#top_img{
clear:both;
}

.topics{
border:1px solid #dbdbdb;
width:188px;
padding:5px;
margin:6px;
font-size:10px;
background:#ffffff;
}
.topics dt{
background:URL(/images/index/i_icon_topics.gif) no-repeat  0 center;
margin:0px;
padding:0 0 0 10px;
color:#838383;
}
.topics dd{
margin:0px;
padding:0px;
}

#banner{
margin:20px 0 0 6px;
padding:0;
}

#banner li{
list-style:none;
float:left;
}
#banner:after {
content: "";
display: block;
clear: both;
}

.index_contents_bg{
background:URL(/images/index/i_main_index_bg.gif) no-repeat left bottom;
margin:1px;
width:633px;
clear:both;
}
.index_contents_bg:after {
content: "";
display: block;
clear: both;
}
.index_contents{
float:left;
width:316px;
}
.index_contents_img{
margin:0 0 0 1px;
}
.index_contents p{
margin:0 10px 20px 10px;
font-size:12px;
}
.index_list{
margin:10px;
padding:0;
}
.index_list li{
background:URL(/images/common/i_icon.gif) no-repeat 0 center;
padding:0 0 0 15px;
list-style:none;
font-size:12px;
line-height:22px;
}

/*
--------------------------------------------------------------------------------
Page
--------------------------------------------------------------------------------
*/
#main_img{
width:850px;
height:104px;
clear:both;
}
#main_img:after {
content: "";
display: block;
clear: both;
}
#ti_main{
float:left;
width:220px;
height:104px;
margin:0 20px 0 0;
}
.contents_list{
border:1px solid #dbdbdb;
width:198px;
padding:5px;
margin:10px 2px;
background:#ffffff;
}
.contents_list ul{
margin:0px;
padding:0px;
}
.contents_list li{
background:URL(/images/common/i_icon.gif) no-repeat 0 3px;
padding:0 0 0 15px;
list-style:none;
font-size:12px;
line-height:16px;
margin:0 0 10px 0;
}

.contents_left{
border:1px solid #dbdbdb;
width:208px;
padding:0px;
margin:2px;
background:#ffffff;
}
.contents_left dl{
margin:10px;
padding:0px;
font-size:12px;
line-height:18px;
}
.contents_left dd{
list-style:none;
margin:0px;
padding:0 0 0 15px;
}
.contents_left dt{
padding:0 0 0 15px;
margin:0px;
background:URL(/images/common/i_icon.gif) no-repeat 0 3px;
}
.contents_left dt strong{
color:#ee3e1f;
}

.qr{
margin:20px 0 0 ;
text-align:center;
}

.h_red{
color:#ffffff;
background:#ff0000;
width:100%;
}
.h_blue{
color:#ffffff;
background:#0000FF;
width:100%;
}
.h_yellow{
color:#333333;
background:#FFFF00;
width:100%;
}
.h_gray{
color:#000000;
background:#cccccc;
width:100%;
}
#t_box1{
widh: 300px;
height: 110px;
margin: 20px 20px;
padding: 0px;
background: url(images/common/toiawase.gif) no-repeat 0px 0px;
}
#t_box1 h6{
clear:both;
font-size:12px;
font-weight:bold;
line-height:20px;
margin:10px 3px 5px 10px;
}
#t_box1 p{
font-size:12px;
line-height: 18px;
margin:0px 20px;
}
#map{
margin: 20px 20px;
padding: 0px;
}
.col1{
width: 280px;
float: left;
}
.col1 p{
margin: 5px 0 0 20px;
line-height: 25px;
}
.col1 dl{
margin: 5px 0;
}
.col1 dt{
margin: 0 0 0 20px;
line-height: 25px;
font-weight: bold;
}
.col1 dd{
margin: 0 0 0 30px;
line-height: 25px; 
}
.col2{
width: 280px;
float: right;
margin: 0 20px 0 0;
}
.col2 p{
margin: 5px 0 0 0;
line-height: 25px;
}
.col2 dl{
margin: 5px 0;
}
.col2 dt{
margin: 0 0 0 5px;
line-height: 25px;
font-weight: bold;
}
.col2 dd{
margin: 0 0 0 15px;
line-height: 25px; 
}
.imgbox{
clear: both;
width: 210px;
height: 160px;
float: right;
background: url(/images/imgbox.gif) #eeeeee;
margin: 5px 10px 10px 20px;
}
.imgbox img{
width: 200px;
height: 150px;
margin: 5px;
}
.imgbox2{
width: 210px;
height: 160px;
float: left;
background: url(/images/imgbox.gif) #eeeeee;
margin: 5px 10px 10px 20px;
}
.imgbox2 img{
width: 200px;
height: 150px;
margin: 5px;
}
.imgbox3{
width: 570px;
height: 85px;
margin: 0 0 0 20px;
}
.imgbox3 img{
width: 100px;
height: 75px;
float: left;
margin: 5px 0 5px 14px;
}
.imgbox4{
clear: both;
width: 110px;
height: 85px;
float: right;
background: url(/images/imgbox4.gif) #eeeeee;
margin: 5px 10px 10px 10px;
}
.imgbox4 img{
width: 100px;
height: 75px;
margin: 5px;
}
.afftop{
width: 580px;
margin: 0 0 0 20px;
}
.afftop a{
float: left;
margin: 0 10px 20px 0;
}
.error{
background:#ffcccc;
color:#ff0000;
font-size:16px;
font-weight:bold;
padding:10px;
margin:10px;
width:576px;
}
.txt_error{
margin:0 0 0 30px;
font-size:12px;
font-weight:normal;
color:#555555;
}
.error_list{
margin:0;
padding-left:20px;
font-size:12px;
font-weight:normal;
color:#555555;
}
.thank{
color:#555555;
font-size:16px;
font-weight:bold;
padding:10px;
margin:10px 0 20px 10px;
}
.bord{
border:1px solid #dbdbdb;
padding:10px;
margin:0 0 20px 10px;
width:580px;
}
.cap{
color:#ff0000;
font-weight:bold;
}
.txt_cap{
font-size:12px;
color:#666666;
padding-top:5px;
margin-top:5px;
display:block;
}
.txt_ex{
font-size:12px;
color:#666666;
}
.r_idou{
font-size:14px;
margin:0 10px 20px 0;
}