@charset "UTF-8";


/* ブラウザスタイルの初期化
---------------------------------------------------- */
body { margin:0; padding:0; text-align:center; color:#644d32;
	   font: 13px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",osaka, 
	   "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Verdana;
	   *font-size:small; *font:x-small; letter-spacing:0.1em }
	
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,address,table,th,td,img,form{
margin:0; padding:0; border:none;
font-style:normal; font-weight:normal;
font-size:100%; list-style-type: none }

table { font-size:inherit; font:100% }
textarea { font-size:100% }
img { vertical-align:bottom }
hr { display:none }
br	 { letter-spacing:0 }
p	 { margin:0 0 10px 0 }

/* ページ全体
---------------------------------------------------- */
html { background:url(/images/bg1.gif) }

div#container{ width:1000px; margin: 0 auto }

div#wrapper{ width:1000px; float:left; background:url(/images/bg2.gif) #FFFFFF right repeat-y }

div#content{ float:left; width:730px; margin-right:20px;
			 padding:20px 0 20px 20px; text-align:left; line-height:150% }

div#left-col{ float:left; width:230px; text-align:left }

a:link		{ color:#4965ab; text-decoration: underline }
a:visited	{ color:#4965ab; text-decoration: underline }
a:active	{ color:#3d8100; text-decoration: none; background-color:#ffeca7 }
a:hover		{ color:#3d8100; text-decoration: none; background-color:#ffeca7 }

/* header
---------------------------------------------------- */
#header{ height:220px; text-align:left; border-bottom:#FFFFFF 1px solid;
		 background:url(/images/main.jpg) left top no-repeat }

H1{ color:#FFFFFF; font-size:85%; padding:5px 10px }


/* left-col
---------------------------------------------------- */
div.navititle {	height:40px; text-indent:-9999px; border-bottom:#FFFFFF 1px solid }

/* FireFoxなどで線が表示されないようにする　*/
div.navititle a{ text-decoration:none; display:block; height:40px }

#left-col li  { color:#644d32; border-bottom:1px solid #cec9a9;
				font-size:93%; line-height:130% }

#left-col li a { display:block; padding:10px 10px 10px 25px;
	color:#644d32; text-decoration:none;
	background:url(/images/sub_off.gif) top left no-repeat #FFFFFF }

#left-col li a:visited { color:#644d32; text-decoration:none }
            
#left-col li a:hover { color:#3d8100; text-decoration: underline;
	background:url(/images/sub_on.gif) top left no-repeat #FFFFFF }
	

/* footer
---------------------------------------------------- */
div#footer{	clear:both; margin:0 auto; background-color:#FFFFFF;
			text-align:center; font-size:85%; padding:15px 0 }

div#footer ul{ margin:0 auto; padding-bottom:10px }

div#footer ul li{ display:inline; padding-right:10px }


/* text
---------------------------------------------------- */
H2{ color:#FFFFFF; font-size:123%; font-weight:bold;
	padding:5px 10px; margin:15px 0; 
	border-bottom:#674e32 1px solid; background:url(/images/bg3.gif) }

H3{ color:#f5693a; font-size:123%; font-weight:bold;
	padding:5px 5px 5px 10px; margin:15px 0;
	border-left:#f5693a 5px solid; background:url(/images/bg4.gif) }

H4{ color:#83633f; font-weight:bold; font-size:108% }

.bold1  { color:#ff4835; font-size:123%; font-weight:bold }

.bold2  { color:#ff4835; font-size:123%; font-weight:bold; background-color:#ffeca7 }

.bold3  { color:#389119; font-size:108%; font-weight:bold }

.bold4  { color:#2960ff; font-size:116%; font-weight:bold; background-color:#bceaff }

.bold5  { color:#389119; font-size:116%; font-weight:bold; background-color:#d1f6ae }

.caption1 { font-size:85%; line-height:125%; color:#4965ab }

.caption2 { font-size:85%; line-height:125%; color:#ef5b3a }


/* box
---------------------------------------------------- */
.table1 { width:730px; margin:15px 0 }

.cell0 { padding:10px; background-color:#FFFFFF; font-size:93% }

.cell1	{ padding:5px 10px; background:url(/images/bg5.gif) }

.cell2	{ padding:10px 10px 15px 10px;
		  background:url(/images/bg6.gif) #FFFFFF bottom repeat-x }

.cell3	{ padding:10px; text-align:center;
		  background:url(/images/bg6.gif) #f5f5f5 bottom repeat-x }

.cell4	{ width:105px; padding:10px; text-align:center;
		  font-size:93%; background-color:#FFFFFF }

.cell5	{ width:105px; padding:10px; height:105px;
		  font-size:93%; text-align:center }

.cell6	{ border:1px solid #ffcdbc; padding:10px; margin-bottom:15px;
		  background:url(images/bg4.gif) }

.cell7 { padding:10px; margin-bottom:15px;
		 border:#019000 1px solid; border-top:#019000 6px solid  }

/* margin */
.m_bottom20	{ margin-bottom:20px }
.m_bottom15	{ margin-bottom:15px }
.m_bottom10	{ margin-bottom:10px }
.m_bottom5	{ margin-bottom:5px }
.m_top20	{ margin-top:20px }
.m_top10	{ margin-top:10px }

/* Text */
.text10 { font-size:77% }
.text11 { font-size:85% }
.text12 { font-size:93% }
.text13 { font-size:100% }
.text14 { font-size:108% }
.text15 { font-size:116% }
.text16 { font-size:123% }