@charset "charset=shift_jis";


/*全般設定
------------------------------------------------------------------------------------------
■文字色は「color: #999999;」部分で変更できます。サイズは「75%」で変更可。%指定でなく「12px」とかでも可。
■壁紙は「images/bg.gif」で指定しています。imagesフォルダに入っているbg.gifを指定しています。
　変更もできますが、コンテナーの枠に影を入れてるので、白っぽい壁紙でないと枠が目立ってしまうので注意。
------------------------------------------------------------------------------------------*/
body {
	color: #999999;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: 75%/2 "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: #FFFFFF url(images/bg.gif);
}

h1,h2,h3,p,ul,li{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: none;
}

img {
	border: none;
}

#main p, #sub p {
	margin: 0.5em 1em 1em;
}


/*コンテナー
------------------------------------------------------------------------------------------*/
#container {
	text-align: left;
	margin: 0px auto;
	width: 840px;
	padding-right: 4px;
	padding-left: 4px;
	background: url(images/container_bg.gif) repeat-y center;
}


/*ヘッダー
------------------------------------------------------------------------------------------
■HP最上段に入っているh1タグは「#header h1」で指定しています。サイズ変更は「font-size: 10px;」で行います。
　色は「color: #ffffff;」で変更可能。現在は白で入ってます。
　ちなみに、h1タグの背景は「#header」項目内で指定している「header_bg.gif」に入れています。
------------------------------------------------------------------------------------------*/
#header {
	background: url(images/header_bg.gif) no-repeat;
	height: 103px;
	position: relative;
}

#header h1 {
	font-size: 10px;
	font-weight: normal;
	line-height: 10px;
	padding-top: 8px;
	padding-left: 20px;
	padding-bottom: 20px;
	color: #ffffff;
}

#header-main {
	float: left;
	width: 546px;
	display: inline;
}


#headsub {
	float: right;
	width: 200px;
}

#headsub ul {
	margin-top: -6px;
}


/*メインメニュー（特に変更の必要なし）
------------------------------------------------------------------------------------------*/
#menu {
	border-bottom: 6px solid #EEEEEE;
}

#menu li {
	display: inline;
}


/*ナビメニュー（メインメニューの右上に入っている小さなナビゲーションメニューの事）
------------------------------------------------------------------------------------------
■左の赤い矢印は「#nav li」項目内の「images/arrow1.gif」です。
■リンクカラーは「#nav a」でグレーに指定。下線も消しています。
■カーソルオーバー時の文字色は「#nav a:hover」で指定しています。
------------------------------------------------------------------------------------------*/
#nav {
	background: url(images/nav_bg.gif) no-repeat left bottom;
	height: 13px;
	position: absolute;
	right: 0px;
	bottom: 5px;
	padding-left: 50px;
	font-size: 11px;
	padding-top: 8px;
	line-height: 11px;
}

#nav li {
	display: inline;
	padding-right: 15px;
	background: url(images/arrow1.gif) no-repeat left center;
	padding-left: 15px;
}

#nav a {
	text-decoration: none;
	color: #999999;
}

#nav a:hover {
	color: #BB000F;
}


/*メインコンテンツ（特に変更の必要なし）
------------------------------------------------------------------------------------------*/
#main {
	float: left;
	width: 546px;
	display: inline;
	margin-left: 15px;
	margin-top: 15px;
	padding-bottom: 40px;
}


/*サブコンテンツ
------------------------------------------------------------------------------------------
■右側コンテンツの見出しは「#sub h3」で設定します。背景色は「background: #EEEEEE;」で指定。
　上下のラインは「border-top」と「border-bottom」で設定。
「letter-spacing」というのは文字間隔の事で、文字同士の隙間を0.2文字ずつ空けて表示させています。
------------------------------------------------------------------------------------------*/
#sub {
	float: right;
	width: 264px;
	margin-top: 15px;
	padding-bottom: 40px;
}

#sub h3 {
	font-size: 100%;
	background: #FCFCFE;
	letter-spacing: 0.2em;
	text-align: center;
	border-top: 1px dotted #d6d6d6;
	border-bottom: 1px dotted #d6d6d6;
}

.sub_title{
     width : 80% ;
     font-size :  ;  /*文字の大きさを指示する時に数値を記述*/
     line-height :  ;  /*行の高さを指示する時に数値を記述*/
     padding-left : 5px ;
     margin : 10px 0px 0px 10px ;  /*上下に余白を作る場合１番目（上）３番目（下）の０ｐｘに数値を記述*/
     background : #f9f9f9 ;
     border-bottom : solid 2px #cccccc ;
}

#sub span {
	font-size: 20pt;
	font-weight: bold; 
	margin-left: 10px;
}


#sub p {
	font-size: 90%;
	text-indent: 10px;
}

.sub_add {
	margin: 10px 10px 10px 10px;
	padding: 10px;
	width:75%;
	border: dashed 1px #0000ff;
}

#add p {
	font-size: 100%;
	text-indent: 0px;
}



/*フッター（特に変更の必要なし）
------------------------------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 840px;
	background: #FFFFFF url(images/footer_bg.gif) no-repeat center top;
	line-height: 1.5em;
	text-align: center;
	font-size: 11px;
	padding: 20px 4px;
	margin-right: auto;
	margin-left: auto;
}


/*clearfix（変更しない）
------------------------------------------------------------------------------------------*/
#container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#container { display: inline-block; }

/* Hides from IE-mac \*/
*html #container { height: 1%; }
#container { display: block; }
/* End hide from IE-mac */




/*商品の各テーブル設定
■テーブルのフチを変えたい場合、.t1項目内の「double」を変える。単なる直線なら「solid」。
　破線なら「dashed」、点線なら「dotted」。他にも色々あるので試すといいでしょう。
■テーブルのフチ色を変えたい場合、.t1項目内の「#CCCCCC」を変える。現在はグレー色。
■写真のフチ色を変えたい場合、.t1 img項目内の「#CCCCCC」を変える。現在はグレー色。
　また、写真とフチの間のスペースにも色を付けられる。.t1 img項目内の「#FFFFFF」で変える。現在は白。
----------------------------------------------------------------------------------*/
.t1 {
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-top: 3em;
	margin-right: 9px;
	margin-bottom: 5em;
	width: 175px;
	background: url(images/item_bg.gif) repeat-x bottom;
}

.t1 td {
	vertical-align: top;
}

.t1 strong {
	background: url(images/arrow1.gif) no-repeat left top;
	padding-left: 20px;
	border-bottom: 1px dotted #CCCCCC;
	display: block;
	margin-bottom: 10px;
}

.t1 img {
	border: 1px solid #CCCCCC;
	padding: 5px;
	background: #FFFFFF;
}




/*文字サイズ変更ボタン（ここは変更しないように）
------------------------------------------------------------------*/
#fsize {
	height: 44px;
	width: 173px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}
#fsize li {
	float: right;
}
#fsize a{
	overflow:hidden; /*firefox用*/
	display: block;
	text-indent: -9999px;
}
#sm a {
	background-image: url(images/fsize_btn_01.gif);
	height: 44px;
	width: 58px;
}
#sm a:hover {
	background-image: url(images/fsizen_btn_01.gif);
}
#me a {
	background-image: url(images/fsizen_btn_02.gif);
	height: 44px;
	width: 55px;
}
#me a:hover {
	background-image: url(images/fsizen_btn_02.gif);
}
#la a {
	background-image: url(images/fsize_btn_03.gif);
	height: 44px;
	width: 60px;
}
#la a:hover {
	background-image: url(images/fsizen_btn_03.gif);
}


table.table211 {
  margin-top: 1em;
  margin-bottom: 2em;
  margin-left: 1em;
  width: 240px;
  border-collapse: separate;
  border-spacing: 2px;
  font-size: 100%;
}

table.table211 caption {
  margin-top: 1em;
  text-align: right;
}

table.table211 th,
table.table211 td {
  padding: 4px 6px;
}

table.table211 th {
  background: #1B3AB4;
  text-align: center;
  white-space: nowrap;
  font-size: 92%;
  color: #FFF;
}

table.table211 td {
  text-align: right;
  white-space: nowrap;
}

table.table211 col.day {
  background: #CBD5FF;
}

table.table211 col.hou_am {
  background: #F2F5FF;
}

table.table211 col.hou_pm {
  background: #F2F5FF;
}

table.table211 col.tu_am {
  background: #EBEEFF;
}

table.table211 col.tu_pm {
  background: #EBEEFF;
}


address{
	text-align: center;
	font-size: small;
	font-style: normal;
	font-family: Tahoma, sans-serif;
}

#sub ul{
  margin: 1em 0 5px 1em;
  width: 150%;
}

ul.list130-l li {
  clear: left;
  float: left;
  margin: 5px 0 5px 0;
  border-left: solid 8px #CBD5FF;
  padding-left: 5px;
}


/*content-mainに関するもの
------------------------------------------------------------------*/

#content-main h3{
  margin: 1em 0 0 1em;
  width: 60%;
  border-bottom: solid 2px #0000FF;
  font-size: 120%;
  font-weight: bold;
  padding-left: 10px;
  padding-bottom: -10px;  
}

#content-main p{
  margin:1em 3em -1em 2em;
  text-indent: 10px;

}


#content-main2 h3{
  margin: 1em 0 0 1em;
  width: 60%;
  border-bottom: solid 2px #6666FF;
  font-size: 120%;
  font-weight: bold;
  padding-left: 10px;
  padding-bottom: -10px; 
  text-align: center; 
  color: #6666FF;
}

#content-main2 p{
  margin:1em 1em 1em 2em;
  text-indent: 10px;
}

#content-main2 ol{
  list-style-position: outside;
  margin-left: 6em;
  margin-top: -10px;
}



.article{
	background-image: url("images/index_bg.png");
	margin-bottom: 30px;
	margin-top: 30px;
	
}


/*footerのリストに関するもの
------------------------------------------------------------------*/
div#footer ul {
	margin: 0;
	padding: 15px 20px;
	font-size:95%;
	}
	
div#footer ul li {
	display: inline;
	list-style: none;
	margin-left: 7px;
	padding-left: 8px;
	background: url(images/bcg_vertical_var.gif) no-repeat left center;
	}
	
div#footer ul li.first-child {
	margin-left: 0;
	padding-left: 0;
	background: none;
	}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */




a.ovalbutton{
background: transparent url('images/oval-blue-left.gif') no-repeat top left;
display: block;
float: right;
font: normal 90% Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
margin:1em 1em 1em 0;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('images/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}



.box17{
  width: 240px;/*枠全体の幅*/
  font-size: 100％;/*文字サイズ*/
  border-top: solid 12px #5858A8;
  margin-top: 15px;
  margin-left: 12px;
  }
.box17 dt{/*タイトル部分の設定*/
  position: relative;
  z-index: 1;
	top: -17px;
	left: 8px;
  width: 222px;/*left×2＋width＋2＝.box17のwidth*/
  height: 15px;
  border: solid 1px #5858A8;
  padding: 3px 0;
  text-align: center;/*中央寄せ*/
  background-color: #FFFFFF;
  }
.box17 dd{/*内容文の設定*/
  border-style: dashed;
	border-width: 0 2px 2px 2px;/*枠の太さ*/
	border-color: #BDBDED;/*枠色*/
  margin: -22px 4px 6px 4px;
  padding:  23px 15px 15px 15px;/*内部の余白*/
  }

.a-ta{
	margin-top: 20px;
}




dl.list511 dt {
  margin-top: -1em;
  margin-left: 5em;
  width: 10em;
  border-bottom: solid 2px;
  padding-left: 2px;
  font-size: 100%;
}

dl.list511 dd {
  margin-left: 3em;
}

dl.list511 dd ul {
  margin: 0.7em 0;
}

dl.list511 dd ul li {
  margin-left: 50px;
}


.list-nest{
  margin-left: 6em;
  margin-top: -1em;
  font-size: 90%;
}


span#ph {
	margin-left: 15px;
	width: 100px;
	vertical-align: middle;
}


p.thumbnail a img { border: 2px solid #333; vertical-align: top; }
p.thumbnail a:hover img { border-color: #86c8ef; }


.kao {
	float: left;
	margin-right: 15px;
	margin-left: 20px;
}



ol.list611 li {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 2em;
  list-style: decimal;
  font-size: 200%;
  font-weight: bolder;
  font-style: italic;
  color: #CCC;
}

ol.list611 li dl {
  font-size: 50%;
  font-style: normal;
  color: #666666;
}

ol.list611 li dl dd {
  font-weight: normal;
}

* html ol.list611 li dl { /*for IE6 */
  display: inline;
}

*:first-child+html ol.list611 li dl { /*for IE7 */
  display: inline;
}

.company{
	margin-left:5em;
}

dl.company dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 12em;
  border-left: solid 8px #CCC;
  padding-left: 5px;
  color: #000;
}

dl.company dd {
  margin-bottom: 0.8em;
  margin-left: 12em;
}

.comapny1{
	font-size:150%;	
}


ol.policy li {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 10px;
  list-style: decimal;
  font-size: 200%;
  font-weight: bolder;
  font-style: italic;
  color: #CCC;
}

ol.policy li dl {
  font-size: 50%;
  font-style: normal;
  color: #666666;
}



ol.policy li dl dd {
  font-weight: normal;
}

ol.policy dd {
  margin-left: 0;
}


* html ol.policy li dl { /*for IE6 */
  display: inline;
}

*:first-child+html ol.policy li dl { /*for IE7 */
  display: inline;
}





/*コンテナー以下参考
#tokutei_body dl{
	padding-left:15px;
	padding-right:15px;
}
#tokutei_body dl dt{
	background:url(images/line_w.gif) 0 bottom no-repeat;
}
#tokutei_body dl dd{
	padding:10px;
}
#tokutei_body dl dd ul {
}
#tokutei_body dl dd ul li{
	width:400px;
	float:left;
}
#tokutei_body dd ul li.f_t{
	width:200px;
}
#tokutei_body p{
	display:block;
	padding-left:20px;
	padding-right:20px;	
	margin-bottom:10px;
}


------------------------------------------------------------------------------------------*/