﻿body { color: #535353; font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka竏駐剳魘, Osaka, 平成角ゴシック; line-height: 150%; background-repeat: repeat-x; margin: 2px auto 5px; text-align: center; }
a { text-decoration: underline; margin: 0; padding: 0; }
p { margin: 0; padding: 0; }
a:link { color: #2186bf; text-decoration: underline; }

a:visited { color: #ba4f87; text-decoration: underline; }

a:active { color: #878787; text-decoration: underline; }

a:hover { color: #155286; text-decoration: none; }
h1, h2, h3 { font-size: 12px; margin: 0; padding: 0; font-weight: normal; }
form { margin: 0; padding: 0; }
#container { font-size: 12px; line-height: 140%; background-repeat: repeat-x; margin-right: auto; margin-left: auto; text-align: left; width: 780px; padding: 0; }
#containersub { font-size: 12px; line-height: 140%; background-repeat: repeat-y; margin-right: auto; margin-left: auto; text-align: left; width: 780px; padding: 0; }
#header  { background-color: #fff; margin: 0; padding: 0; }
#header a { font-size: 12px; text-decoration: none; }
#header td { font-size: 12px; }

#header h1 { color: #535353; visibility: visible; padding-top: 18px; padding-right: 0; padding-left: 0; }

#header h2 {}
#header p { float: right; margin: 0; padding: 0 0 2px; }
.search { clear: both; margin: 0; padding: 0; }
#menu { background-image: none; margin: 0; padding: 5px 0 0; }
ul#mainlevel-nav
{ list-style: none; padding: 0; margin: 0; font-size: 12px; clear: both; }
ul#mainlevel-nav li
{ float: left; margin: 0; padding: 0; border-right: 1px solid #fff; white-space: nowrap; }

ul#mainlevel-nav li a
{ color: #fff; display: block; text-decoration: none; }


a.mainlevel:link, a.mainlevel:visited { display: block; font-size: 12px; font-weight: bold; color: #fff; background-image: url(../images/g_menu.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 97px; height: 24px; margin: 0; padding: 9px 0 0 32px; }

a.mainlevel:hover { background-position: 0 -33px; text-decoration: none; color: #fff; font-size: 12px; width: 97px; height: 24px; margin: 0; padding: 9px 0 0 32px; }

#main { color: #000; font-size: 12px; margin: 0; padding: 0 0 15px; }
#mainsub { color: #000; font-size: 12px; background-image: url(../images/back_sub.gif); background-repeat: repeat-y; margin: 0; padding: 0 0 0; }
.ban { background-color: #fff; float: none; clear: both; margin: 0; padding: 0; }
.bansub { background-image: url(../images/backsub1.gif); background-repeat: no-repeat; text-align: right; vertical-align: middle; height: 40px; float: none; clear: both; margin: 0; padding: 10px 0 22px; }
.bansub td { font-size: 12px; }
.bansub p { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; }
.bansub2 { background-image: url(../images/backsub2.gif); background-repeat: no-repeat; text-align: right; vertical-align: middle; height: 40px; float: none; clear: both; margin: 0; padding: 10px 0 22px; }
.bansub2 td { font-size: 12px; }
.bansub2 p { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; }
.bansub3 { background-image: url(../images/backsub3.gif); background-repeat: no-repeat; text-align: right; vertical-align: middle; height: 40px; float: none; clear: both; margin: 0; padding: 10px 0 22px; }
.bansub3 td { font-size: 12px; }
.bansub3 p { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; }
.bansub14 { background-image: url(../images/backsub14.gif); background-repeat: no-repeat; text-align: right; vertical-align: middle; height: 40px; float: none; clear: both; margin: 0; padding: 10px 0 22px; }
.bansub14 td { font-size: 12px; }
.bansub14 p { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; }
#pan { font-size: 12px; background-color: #fff; margin: 0; padding: 10px 2px 10px 0; }
#pan p { padding-top: 10px; padding-bottom: 10px; padding-left: 20px; }
#center { width: 565px; float: left; overflow: hidden; margin-top: 0; margin-right: 0; padding: 0; }
#centersub { width: 580px; float: left; overflow: hidden; margin-top: 0; margin-right: 0; padding: 0; }


.content { color: #535353; font-size: 12px; overflow: hidden; margin: 0; padding: 10px 5px 10px 0; }
.content p {
	margin: 0;
	padding: 5px;
  }
.content h2  { color: #0b2552; font-size: 13px; font-weight: bold; margin: 0; padding: 0; }

.content h3 { font-size: 11px; margin: 0; padding: 0; }
.content ul { margin: 5px 0 15px 15px; padding: 0; }
.content li { background-image: url(../images/icon1.gif); background-repeat: no-repeat; padding-bottom: 5px; padding-left: 15px; list-style-type: none; }
.contentsub { color: #535353; font-size: 12px; overflow: hidden; margin: 0; padding: 0 5px 10px 0; }
.contentsub td { font-size: 12px; }
.contentsub p {
	margin: 0;
	padding: 5px;
  }
.contentsub h2  { color: #fff; font-size: 13px; font-weight: bold; background-repeat: no-repeat; margin: 0; padding: 0; }

.contentsub h3 { font-size: 13px; background-image: url(../images/backsubh3.gif); background-repeat: repeat; margin: 15px 0; padding: 5px 5px 5px 10px; }
.contentsub ul { margin: 5px 0 15px 15px; padding: 0; }
.contentsub li { background-image: url(../images/icon4.gif); background-repeat: no-repeat; padding-top: 0; padding-bottom: 8px; padding-left: 12px; list-style-type: none; }

.title { background-image: url(../images/back_h2.gif); background-repeat: no-repeat; padding: 10px 5px 15px 25px; }
.title table { color: #0b2552; font-size: 12px; vertical-align: top; }
.titlesub { color: #fff; background-image: url(../images/back_subh2.gif); background-repeat: no-repeat; padding: 10px 5px 15px 25px; }
#topcomenu { background-image: url(../images/co_menu5.gif); background-repeat: no-repeat; margin: 20px 0 0; padding: 12px 5px 20px 150px; }
#topcomenu a { color: #535353; text-decoration: none; margin: 0; padding: 0; display: block; }
#topcomenu a:hover { color: #000; text-decoration: none; margin: 0; padding: 0; display: block; }

.tbback { background-color: #878787; }
.tbback1 { background-image: url(../images/tb_back1.gif); background-repeat: repeat; }
.tbback2 { color: #000; background-image: url(../images/tb_back2.gif); background-repeat: repeat; text-align: center; }
.tbback3 { background-color: #fff; }
.tbback-01 { background-color: #E2EDF3; }
.tbback-02 { background-color: #FEFBBC; }
.tbback-03 { background-color: #D1EDD6; }
#right { background-repeat: repeat-y; width: 205px; overflow: hidden; float: right; margin: 0; padding: 5px 0 5px 5px; }
#right p { padding: 3px 0 2px; }
#right h2 { color: #0f2186; font-size: 12px; background-repeat: no-repeat; }
#rightsub { width: 170px; overflow: hidden; float: right; margin: 0; padding: 0 0 5px; }
#rightsub p { padding: 3px 0 2px; }
.sidebar2 { font-size: 12px; margin: 0; padding: 0; border-top: 5px solid #0b2552; border-bottom: 1px dotted #0b2552; }
.sidebar2 h2 { color: #0f2186; font-size: 12px; font-weight: bold; background-color: #d0d1d8; background-image: url(../images/side_h2.gif); background-repeat: no-repeat; margin: 0; padding: 9px 5px 9px 25px; border-top: 1px dotted #0b2552; }
.sidebar2 h2 a { color: #0f2186; text-decoration: none; display: block; }
.sidebar2 h2 a:hover { color: #3486bf; text-decoration: none; }
.sidebar2 ul { margin: 0; padding: 0 0 5px 2px; }

.sidebar2 li { background-image: url(../images/icon5.gif); background-repeat: no-repeat; margin-top: 5px; padding-top: 0; padding-bottom: 3px; padding-left: 11px; list-style-type: none; }
.sidebar { font-size: 11px; margin: 0; padding: 0; }
.sidebar h2 { font-size: 12px; font-weight: bold; background-image: none; padding-top: 10px; }
  
.sidebar ul { margin: 0; padding: 0 0 5px 2px; }

.sidebar li { background-image: url(../images/icon5.gif); background-repeat: no-repeat; margin-top: 5px; padding-top: 0; padding-bottom: 3px; padding-left: 11px; list-style-type: none; }
.mail { font-size: 10px; background-image: url(../images/inquiry.gif); background-repeat: no-repeat; text-align: center; margin: 10px 0; padding: 55px 5px 15px; }
.mail p { padding: 5px 0 0 0; line-height:120%; }
.mail a { color: #fff; text-decoration: underline; }
#footer { font-size: 11px; margin: 0; padding: 5px; }
.footer { color: #fff; background-color: #CCCCCC; font-size: 11px; text-align: center; float: none; clear: both; margin: 0; padding: 5px; }
.line { color: #fff; font-size: 12px; text-align: center; border-bottom: 1px solid #fff; }
.ma { margin-left: 18px; }
.icon1 { background-image: url(../images/icon1.gif); background-repeat: no-repeat; padding-top: 0; padding-left: 12px; }
.icon2 { background-image: url(../images/icon2.gif); background-repeat: no-repeat; padding-top: 0; padding-left: 15px; }
.icon3 { background-image: url(../images/icon3.gif); background-repeat: no-repeat; padding-top: 2px; padding-left: 20px; }
.icon4 { background-image: url(../images/icon6.gif); background-repeat: no-repeat; padding-top: 0; padding-left: 11px; }
.iconmail { color: #fff; background-image: url(../images/mail.gif); background-repeat: no-repeat; padding: 8px 32px; }
.line1 { border-bottom: 1px dotted #c1c1c1; }
.moji { color: #0b2552; font-size: 15px; line-height: 180%; }
.moji12px { color: #0b2552; font-size: 12px; line-height: 150%; }
textarea { font-size: 12px; font-family: "ヒラギノ明朝 Pro W6", Osaka, "ＭＳ Ｐゴシック", "trebuchet MS", trebuchet, verdana, arial, sans-serif; }
.inputbox { font-size: 12px; text-align: left; color: #333333; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka竏駐剳魘, Osaka, 平成角ゴシック; margin: 0; padding: 0; }

.footer-list-line ul { margin: 0 0 0 10px; padding: 0; list-style-type: none; }
.footer-list-line li { float: left; margin: 0 0 0 15px; padding: 0 0 0 12px; background-image: url(../images/icon4.gif); background-repeat: no-repeat; }


/*-------------------------------------
 1カラム 
-------------------------------------*/
#mainsub_column1 { width: 781px; color: #000; font-size: 12px; background-color:#FFF; margin: 0; padding: 0 0 0; text-align:center; }
#centersub_column1 { width: 765px; margin:0 auto; padding: 0; text-align:left; }
.titlesub_column1 { height:38px; color: #fff; background-image: url(../images/back_subh2_column1.gif); background-repeat: no-repeat; padding:10px 5px 0px 25px;/*padding: 10px 5px 15px 25px;*/ }
.bansub_column1 { margin-bottom:25px; }
/*-------------------------------------
 ページ内リンク 
-------------------------------------*/
.pagelink{
text-align:center;
padding-bottom:10px;
}
/*-------------------------------------
 ボタンの設定
-------------------------------------*/
.normal_button{
	background-repeat: no-repeat;
	text-align: center;
	display: block;
	font-size: 12px;
	font-weight:bold;
}
a.normal_button{
	background-image: url(../images/btn_normal_bg.gif);
	padding-top:12px;
	width:204px;
	height:40px;
}
a.normal_button:link{
	color : #535353;
	text-decoration : none;	
}
a.normal_button:visited{
	color : #535353;
	text-decoration : none;	
}
a.normal_button:hover{
	color : #155286;
	background-image: url(../images/btn_normal_bg_on.gif);
	text-decoration : none;	
}
a.normal_button:active{
	color : #878787;
	text-decoration : none;	
}

a.normal_button2{
	background-image: url(../images/btn_normal2_bg.gif);
	padding-top:12px;
	width:204px;
	height:59px;
	font-weight:bold;
}
a.normal_button2:link{
	color : #535353;
	text-decoration : none;	
}
a.normal_button2:visited{
	color : #535353;
	text-decoration : none;	
}
a.normal_button2:hover{
	color : #155286;
	background-image: url(../images/btn_normal2_bg_on.gif);
	text-decoration : none;	
}
a.normal_button2:active{
	color : #878787;
	text-decoration : none;	
}

.normal_button{
	background-repeat: no-repeat;
	text-align: center;
	display: block;
	font-size: 12px;
	font-weight:bold;
}
.long_button{
	background-repeat: no-repeat;
	text-align: center;
	display: block;
	font-size: 12px;
	font-weight:bold;
}
a.long_button{
	background-image: url(../images/btn_long_bg.gif);
	padding-top:12px;
	width:250px;
	height:40px;
}
a.long_button:link{
	color : #535353;
	text-decoration : none;	
}
a.long_button:visited{
	color : #535353;
	text-decoration : none;	
}
a.long_button:hover{
	color : #155286;
	background-image: url(../images/btn_long_bg_on.gif);
	text-decoration : none;	
}
a.long_button:active{
	color : #878787;
	text-decoration : none;	
}
/*-------------------------------------
 強調文字（赤枠）
-------------------------------------*/
.importantTxt{
border:1px solid #b92129;
padding:5px;
color:#b92129;
font-weight:bold;
text-align:center;
}
/*-------------------------------------
 強調文字（赤枠なし）
-------------------------------------*/
.importantTxt2{
padding:5px;
color:#b92129;
font-weight:bold;
}
/*-------------------------------------
 注意（赤色テキスト）
-------------------------------------*/
.attention{
color:#b92129;
}

/*-------------------------------------
 商品情報 
-------------------------------------*/
.products{
width:725px;
margin-left:15px;
margin-top:10px;
}
.topBorder{
background-image: url(../images/back_products.gif);
background-repeat: no-repeat;
vertical-align:top;
}
.products td{
padding:10px 0 10px 0;
}
.dotBorder{
background-image: url(../images/line_dot.gif);
background-repeat: repeat-x;
background-position:top left;
}
.products ul{
margin: 0;
padding:0;
}
.products li{
background: url(../images/list_arrow.gif) no-repeat 0 3px;
margin-right:7px;
display:inline;
padding:0 0 0 7px;
list-style-type: none;
line-height:1.5em;
}
.list-bg{
vertical-align:top;
background-color:#D6D6DE;
}
.products .list-bg li{
display:block;
background: url(../images/list_arrow.gif) no-repeat 0 6px;
margin:0 0 0 10px;
padding:0 0 0 7px;
line-height:1.5em;
}
/*-------------------------------------
 カテゴリ一覧 
-------------------------------------*/
.category{
width:369px;
vertical-align:top;
}

.category h4{
color:#181A6A;
font-size:15px;
background: url(../images/line_dot.gif) no-repeat left bottom;
margin:0;
padding-bottom:5px;
}
.category h4 span{
color: #535353;
font-weight:normal;
font-size:12px;
}
/*-------------------------------------
 新着情報 
-------------------------------------*/
.products h3{
color:#181A6A;
background: url(../images/line_midashi.gif) no-repeat left bottom;
margin-top:10px;
padding-bottom:7px;
font-weight:bold;
}

.subtitle_topi{
font-size: 13px;
background-image: url(../images/backsubh3.gif);
background-repeat: repeat;
margin: 15px 0;
padding: 5px 5px 5px 10px;
}
/*-------------------------------------
 よくある質問 
-------------------------------------*/
.box_tl{
background:#E7E7EF url(../images/box_tl.gif) left top no-repeat;
padding-bottom:15px;
margin-top:10px;
}
.box_bl{
background:url(../images/box_bl.gif) left bottom no-repeat;
padding-top:3px;
}
.box_tr{
background:url(../images/box_tr.gif) right top no-repeat;
margin-top:10px;
}
.box_br{
background:url(../images/box_br.gif) right bottom no-repeat;
}
.box_br ul{
margin:10px 20px 0 20px;
padding:0px;
}
.box_br li{
background: url(../images/list_arrow.gif) no-repeat 0 3px;
margin-right:15px;
display:inline;
padding:0 0 0 10px;
list-style-type: none;
line-height:2em;
}
.products dl{
padding:0 0 15px 0;
background: url(../images/line_dot.gif) repeat-x left bottom;
}
.products dt{
background:url(../images/icn_question.gif) no-repeat 0 0px;
padding:2px 0 0 28px;
margin-bottom:10px;
height:21px;
}
.products dd{
background:url(../images/icn_answer.gif) no-repeat 0 0;
padding:2px 0 0 28px;
margin:0;
/*height:21px;*/
}
.products dd div.center p{
padding:0 !important;
margin:0 !important;
text-align:center;
}
.products dd div.center{
padding:10px 0;
text-align:center;
}
/*-------------------------------------
 サイトマップ
-------------------------------------*/
.sitemap h4 {
font-size:12px;
margin:0 0 15px 0;
/*margin: 15px 0;*/
padding: 7px 5px 7px 10px;
border-bottom:1px solid #CCC;
border-top:1px solid #CCC;
border-right:1px solid #CCC;
border-left:10px solid #101B69;
}
/*-------------------------------------
 トピックス
-------------------------------------*/
.topi_info,.topi_products,.topi_event{
font-size:10px;
padding:2px;
margin:0 3px 0 3px;
}
.topi_info{
border:1px solid #C00;
color:#C00;
/*background-color:#FFDDDD;*/
}
.topi_products{
border:1px solid #181A6A;
color:#181A6A;
/*background-color:#CEE1FF;*/
}
.topi_event{
border:1px solid #006600;
color:#006600;
/*background-color:#CEFFCE;*/
}
/*-------------------------------------
 別ウィンドウ設定
-------------------------------------*/
#newWin{
margin:0 10px 0 10px;
text-align:left;
}
/*-------------------------------------
バックナンバー
-------------------------------------*/
.icon5{
background:url(../images/icon4.gif) no-repeat top right;
padding-right:15px;
}

/*-------------------------------------
会社概要
-------------------------------------*/
table.history{
border-top:1px dotted #0b2552;
}
.history td{
border-bottom:1px dotted #0b2552;
padding:1px 0 2px;
}