@charset "Shift_JIS";
/*___________ 基本設定 ==の部分に値を入れます。___________ */
body {
margin:0;
padding:0;
font:12px/16px 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
text-align:center;
background-color:#ffffff;
}
.size {
width:820px;
margin:0 auto;
}
div,td,th {
text-align:left;
}
img {
border:0;
}
p,pre {
margin:0;
font:12px/16px 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
}
li {
border-bottom:dotted 2px #999999;
margin: 5px 0px 5px 0px;
list-style: none;
}
ul {
margin:0;
padding:0;
}
h1 {
font-size:12px;
color:#ffffff;
line-height:20px;
font-weight:;
margin:0;
text-align:left;
background-color : #51b80c;
}
h2 {
font-size:12px;
color:#ffffff;
line-height:20px;
font-weight:;
margin:0;
text-align:left;
background-color : #51b80c;
}
h3 {
font-size:12px;
color:#999999;
line-height:16px;
font-weight:bold;
margin:0;
text-align:right;
}
h4,h5,h6 {
font-size:12px;
color:#a60000;
font-weight:bold;
margin:0px;
}
select {
display:block;
}
form {
margin:0;
}
.indent {
text-indent:-9999px;
font-size:9px;
line-height:10px;
}
.img{
margin:5px;
float:right;
}
.pic{
margin:0px;
float:left;
}

/*テキストリンクの色*/
a:link    {
text-decoration:none;color:#963;
}
/*訪問済みのリンクの色*/ 
a:visited {
text-decoration:none;color:#ff6699;
}
/*クリック時のリンクの色*/
a:active  {
text-decoration:none;color:#990000;
}
/*マウスの上にカーソルがあるときのリンクの色*/
a:hover   {
background-color:#208fff;
text-decoration:none;color:#ffffff;
padding:3px 5px 3px 5px;
}

#selected a,
#selected a:hover{
	background-color: #ffffff; /* 背景色 */
}

/* ____ フロートボックス解除用。htmlでは<br class="clear">で使用 ____ */
.clear {
clear:both;
}
/* ____________ 横並び時のフロートボックスは以下が基本 __________ */
.== {
width:==px;
float:left;
}
/* ____ 横並び時のフロートボックスでマージンを使う場合は以下が基本 ____ */
.navi {
width:150px;
margin:0px 10px 10px 0px;
float:left;
display:inline;
}
.contents {
width:650px;
margin:0px 0px 10px 0px;
float:left;
display:inline;
background:#ffffff;
}
.box1 {
width:650px;
margin:10px 10px 10px 0px;
float:left;
display:inline;
background:#ffffff;
}
.box_adress {
width:140px;
margin:10px 10px 10px 0px;
float:left;
display:inline;
background:#ff0000;
}

/* ____ パディングやボーダー左右を使う場合はwidthと一緒に使わない。  _____ */
.box {
padding:10px;
}
.== {
border:==px solid #==;
}
.== {
padding:==;s
border:==px solid #==;
}

/* ______ タブ切り替え ______ */

body#tab_sample div#javascript_tab_sample {
	margin:10px auto 0 auto;
	width:650px;
	text-align:left;
	}

div#javascript_tab_sample ul#tab {
	margin:0;
	padding:0;
	border-bottom:1px solid #208fff;
	background-color:#fff;
	float:left;
	width:100%;
	}

div#javascript_tab_sample ul#tab li {
	margin:0 0.5em 0 0;
	padding:0.2em 0;
	text-align:center;
	border:1px solid #208fff;
	border-bottom:none;
	float:left;
	width:5em;
	}

div#javascript_tab_sample ul#tab li.selected {
	background-color:#ffffff;
	}

div#javascript_tab_sample ul#tab li.selected a {
	color:#fd8f0b;
	}

div#javascript_tab_sample dl {
	margin:0;
	padding:1em;
	color:#000000;
	border:1px solid #208fff;
	border-top:none;
	background-color:#ffffff;
	clear:both;
	}

div#javascript_tab_sample dl dt {
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:1px dotted #999999;
	}

div#javascript_tab_sample dl dd {

	}

div#javascript_tab_sample dl dd p {
	margin-bottom:1em;
	}