@charset "Shift_JIS";
@media screen {


/* =============================================================================
   Base
   ========================================================================== */

html,body { margin: 0; padding: 0; }
html { position: absolute;/* background: #FFF url(img/bg.gif) no-repeat left top fixed;*/ }
body {
	margin-left: 150px; padding-left:200px; color: #333; background: url(img/border.gif) repeat-y left top;
	font: 86%/1.5 'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;
	}


/* =============================================================================
   Links
   ========================================================================== */

a { text-decoration: underline; }
	a:link { color: #B8860B; }
	a:visited { color: #BC8F8F; }
	a:hover,a:active,a:focus { color: #FFA07A; text-decoration: none; }


/* =============================================================================
   Typography
   ========================================================================== */

h1,h2,h3,h4,h5,h6 { font-weight: bold; }
h1 {
	margin: 0; border-bottom: 1px #C0C0C0 dotted;
	color: #808080; font-size: 200%; text-shadow: 1px 1px 3px #C0C0C0;
	}
	h1:first-letter { color: #F4A460; }
h2,h3,h4,h5,h6 { margin: 1.5em 0 .5em; }
h3+h4,h4+h5,h5+h6 { margin-top: .8em; }
h2 {
	padding-left: 60px;
    padding-top: 30px;
	vertical-align: bottom;
	color: #CD5C5C;
	background: url(img/icon_3g_64.png) no-repeat left center;
	font-size: 150%;
	line-height: 60px;
	text-shadow: 1px 1px 2px #C0C0C0;
	}
h3 {
	padding-left: 25px; border-bottom: 1px #C0C0C0 dashed;
	color: #696969; background: url(img/h3.gif) no-repeat 5px center;
	font-size: 130%; text-shadow: 1px 1px 1px #C0C0C0;
	}
	h3:first-letter { color: #CD5C5C; }
h4 {
	margin-left: 5%; padding-left: .5em; border-bottom: 1px #DCDCDC dashed;
	border-left: 2px #CD5C5C solid; color: #696969; font-size: 120%;
	}
h5 {
	margin-left: 10%; padding-left: .5em; border-bottom: 1px #DCDCDC dashed;
	color: #696969; font-size: 110%;
	}
h6 { color: #696969; font-size: 100%; text-align: right; }

p,address,blockquote,pre { margin: .8em 0; padding: 0; }
hr { display: none; }
br { letter-spacing: normal; }
img { margin: 2px; border: 0; vertical-align: text-bottom; }

p#h4down{margin-left:30px;}

address { color: #556B2F; }
	li address { margin: 0; display: inline; font-style: normal; }

blockquote {
			margin-right: 1em; margin-left: 1em; padding: .2em 1em; border-bottom: 1px #C0C0C0 dashed;
			background: url(img/quote_open.gif) no-repeat left top;
			}
blockquote[cite]:after {
						content: attr(cite); margin-top: -3em; padding-top: 3em; display: block;
						color: #696969; background: url(img/quote_close.gif) no-repeat right top; text-align: right;
						}
q { border-bottom: 1px #C0C0C0 dashed; }
cite { border-bottom: 1px #DCDCDC dotted; font-style: normal; }

pre {
	padding: 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	overflow: auto; color: #FFF; background-color: #8FBC8F; font-family: 'MS PGothic';
	}

em { color: #6A5ACD; font-style: normal; font-weight: bold; }
strong { border-bottom: 2px #BDB76B dotted; color: #8A2BE2; font-weight: bold; }

ins { border-bottom: 1px #D2B48C dashed; text-decoration: none; }
del { color: #666; text-decoration: line-through; }

abbr,acronym { border: 0; cursor: help; }
code,var,kbd,samp { margin: 0 2px; }
code,kbd,samp { font-family: monospace; }
var,dfn { font-style: normal; }
code { border-bottom: 1px #D2B48C dotted; }
kbd {
	padding: 0 .5em; border: 1px solid; border-color: #DCDCDC #808080 #A9A9A9 #C0C0C0;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	color: #B8860B; background-color: #F5F5DC;
	}
samp { color: #708090; font-weight: bold; }
dfn { border-bottom: 1px #DCDCDC solid; background-color: #F5F5F5; }


/* =============================================================================
   Lists
   ========================================================================== */

ol,ul,dl { margin: .8em 0; padding: 0; }
ol,ul { list-style-position: outside; }
	li { margin-left: 2em; }
dl { margin-left: 1em; }
	dt { padding: .2em .5em; border-bottom: 1px #DCDCDC dotted; border-left: 5px #C0C0C0 solid; }
	dd { margin-left: 10px; padding: .2em .5em; border-left: 5px #DCDCDC solid; }

ul#h4down{margin-left:30px;}


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: .8em 0; padding: 0; }
fieldset {
	padding: .5em 1em; border: 1px #C0C0C0 dashed;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	}

input,textarea,select { margin: 2px; color: #333; font-size: 86%; }
	input[type="text"],textarea {
		border: 1px #F08080 dotted; -webkit-border-radius: 3px; -moz-border-radius: 3px;
		border-radius: 3px; background-color: #F5F5F5;
		}
	input[type="checkbox"],input[type="radio"],input[type="button"],
	input[type="submit"],input[type="reset"],input[type="image"] { cursor: pointer; }

button { margin: 2px; padding: 0 .5em; color: #333; cursor: pointer; }


/* =============================================================================
   Tables
   ========================================================================== */

table { padding-left:50px; padding-top:10px; border-collapse: collapse; }
	caption { text-align: center; }
	th,td { padding: .5em; border: 1px #F08080 dotted; vertical-align: middle; text-align: center; }
	thead th,thead td,tfoot th,tfoot td { font-weight: bold; }
	th { color: #A52A2A; background-color: #FFC0CB; font-weight: normal; }
	td { background-color: #FDF5E6; }


/* =============================================================================
  ID&class
   ========================================================================== */

div#PAGETOP { margin-left: 20px;/* background: url(img/top.gif) no-repeat right top;*/ }
div#HEADER { padding-top: 3%; }
div#HEADER p{margin-top:0px; text-align:right; border-top:double 5px #8b4513;}


ul#PAN {margin: 0; padding-top: .2em; border-top: 2px #F5F5F5 solid; list-style-type: none; text-align: right;}
ul#PAN li { margin: 0; display: inline; color: #696969; }
ul#PAN li+li { padding-left: 12px; background: url(img/pan.gif) no-repeat left center; }

div#MENU { margin-top: 30px; position: fixed; left: 100px; top: 3%; width: 200px;}
div#MENU>h1{margin-left:20px;border:none;}



/* メニューさらに差替 */
#MENU {
	width: 200px;
}
	
#MENU li a {
	text-decoration: none;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
}
	
#MENU li a:link, #menu li a:visited {
	color: #777;
	display: block;
	background: url(img/menu8.gif);
	padding: 8px 0 0 20px;
}
	
#MENU li a:hover {
	color: #257EB7;
	background: url(img/menu8.gif) 0 -32px;
	padding: 8px 0 0 25px;
}
	
#MENU li a:active {
	color: #fff;
	background: url(img/menu8.gif) 0 -64px;
	padding: 8px 0 0 25px;
}

#MENU ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
/* ここまで */

div#KIZI {width:800px;}
	div.text {}
		div.text hr {
			margin: 2ex 0; border-width: 1px 0 0; border-color: #C0C0C0; border-style: dotted;
			display: block; height: 2px; background-color: #F5F5F5;
			}
		div.text p {padding-left:30px;}
		ul.modori { list-style-type: none; }
			ul.modori li { margin: 0; text-align: right; }
				ul.modori li a { padding-right: 20px; background: url(img/modori.gif) no-repeat right center; }
					ul.modori li a:link,ul.modori li a:visited { color: #696969; }
					ul.modori li a:hover,ul.modori li a:active,ul.modori li a:focus { color: #FFA07A; }

div#FOOTER { margin-top: 1.5em; padding-bottom: 3%; border-top: 1px #C0C0C0 dotted; }
	div#FOOTER>ul {margin: 0; padding-top: .2em; border-top: 2px #F5F5F5 solid; list-style-type: none; text-align: right;}
		li[id^="FOOTER"] { margin-left: 1em; display: inline; }
	div#FOOTER>p {float:right;}