* { margin: 0px; padding: 0px; }
img { border: none; vertical-align: bottom; }
ul { list-style: none; }
body { margin: auto; background-color: #ffffff; text-align: center;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif; }
a,a:link { color: #132f72; }
a:visited { color: #132f72; }
a:active, a:hover { color: #f16400; }
p { line-height: 1.7em; text-align: justify; }
object { vertical-align: top; }
/* p:first-letter { font-size:14pt;text-justify: auto;  } */
.textright { text-align: right; }
.floatleft { float: left; }
.floatright { float: right; }
.caution { color: #eb0202; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; line-height: 0; }
.clearfix { display: inline-block; min-height: 1%; }
/* Hides from IE-mac \*/
* html .clearfix{ height:1%; overflow:visible; }
.clearfix { display: block; } 
/* End hide from IE-mac */

/* container */
	#container {
		width: 950px; margin: auto; overflow:hidden; text-align: left; font-size: 90%; color: #132f72; }
	* html #container { overflow: visible; }

/* header */
	#header { margin: 10px 0 5px 0; }
	#header-logo { width:325px; float: left; line-height: 1em; }
	#header-logo img.catch { margin-top: 2px; }
	#header-logo span { width: 280px; font-size: 90%; color: #000000; margin-left: 8px; }
	#header-navi { width:615px; float: right; text-align: right;  }
	#header-navi ul { height: 24px; }
	#header-navi ul.fontsize { clear: both; line-height: 1em; height: 30px; }
	#header-navi li { float: right; padding-left: 0.5em; }
	#header-navi address { clear: both; font-style: normal; font-size: 90%; color: #c09454; }

/* top-main */
	#top-main {
		border: solid 1px #6370b0; border-bottom: solid 0px #ffffff;
		background: #eae7e6 url('../img/bg_topmain.jpg') repeat-x;
		min-height: 425px; height: auto !important; height: 425px; padding: 20px 20px 10px 20px; }
	#top-main h2 { font-size: 120%; color: #1a3e93; }
	#top-img { width: 950px; height: 345px; background-color: #ebe7e6; }

	/* top-left */
	#top-left { float: left; width: 330px; margin-right: 15px; }
		#top-left p { line-height: 1.4em; }
		#top-left h2 { width: 150px; margin: 10px 0px; 
			border-bottom: solid 1px #a77e48; }
		#top-left h2:hover { border-bottom: solid 1px #6370b0; }
		#top-left dl { line-height: 1.3em; }
		#top-left dt { width: 85px; text-align: center; display: block; float: left; clear: left; color: #767676; }
		#top-left dd { width: 225px; float: left; color: #191919; margin: 0 0 5px 10px; }
			#top-left a,#top-left a:link { color: #191919; text-decoration: none; }
			#top-left a:visited { color: #191919; }
			#top-left a:active, #top-left a:hover { color: #f16400; text-decoration: underline; }
		#top-left ul.banner { clear: left; display: block; padding-top: 10px; }
		#top-left li { padding-right: 10px; padding-top: 10px; }
			#top-left li.banner { padding-top: 20px; }
		#top-left p.yane { color: #191919; }
			#top-left p.yane img { float: left; margin-right: 10px; }
	/* top-right */
	#top-right { float: right; width: 540px; padding-left: 18px; border-left: solid 1px #7797cc; }
		#top-right h2.products { padding-bottom: 5px; }
		#top-right ul.products li.left { float: left; }
		#top-right ul.products li.right { float: right; }
		#top-right p.read { color: #191919; line-height: 1.2em; padding: 5px 0px; }
		#top-right li { margin-bottom: 10px; }

/* main */
	#main { background: #ffffff url('../img/bg_main.gif') repeat-y; }

/* contents */
	#contents { width: 695px; float: left; }
	#contents h2,#contents h3 { clear:both; }
	#contents h2 { margin-bottom: 5px; background: #eceded url('../img/bg_title.gif') repeat-y; 
		color: #3e3c4e; font-size: 180%; }
	#contents h3 { border-bottom: solid 1px #6370b0; font-size: 130%;
		margin: 10px 0 10px 145px; padding-bottom: 0px; }
	#contents h4 { color: #c09454; }
	#contents h4,#contents p,#contents dl,#contents table,#contents ul,#contents div.box {
		margin: 5px 15px 0 145px; }
	#contents p { color: #191919; padding: 7px 0; }
		#contents p.read { margin: 0 15px; margin-bottom: 20px; }
		#contents p.update { margin-right: 0; text-align: right; }
	#contents dl dd { padding-left: 25px; padding-bottom: 10px; color: #191919; }
	#contents ul li { padding-left: 1em; padding-bottom: 3px; font-size: 105%; text-indent:-1em; }
	#contents p.to-head,#contents p.navi { clear:both; text-align: right; margin-bottom: 20px; }
		#contents p.to-head { font-size: 90%; }
		#contents p.to-head a,#contents p.to-head a:link { color: #5faa2c; }
		#contents p.to-head a:visited { color: #5faa2c; }
		#contents p.to-head a:active, #contents p.to-head a:hover { color: #f16400; }
		
	#contents .note { font-size: 85%; }
		#contents dl.note dt { font-weight: bold; color: #333333; }
		#contents dl.note dd { padding-left: 2em; }
	#contents .note2 { font-size: 80%; line-height: 1.3em; }
	#contents .note-title { font-size: 120%; }
	#contents .h3 { color: #132f72; font-size: 120%; font-weight: bold; clear:left; }
	#contents .h4 { color: #c09454; font-weight: bold; clear:left; }
	#contents .h5 { color: #132f72; }
	#contents div.box { width: 550px; }
		#contents div.box ul,#contents div.box dl,#contents div.box p { margin: 0px; }
		#contents .box-right-img { float: right; }
			#contents ul.box-right-img li { padding-bottom: 5px; }
		#contents img.right-img { float: right; margin-left: 15px; }
		#contents img.left-img { float: left; margin-right: 15px; }

	/* main-navi */
	div #main-navi { float: right; width: 725px; height:55px; background: #ffffff url('../img/bg_navi.gif') top right no-repeat; }
		* html div #main-navi {  }
		ul.main-navi li { float: left; line-height:0; }
		* html ul.main-navi li { font-size: 1px; }
		ul.main-navi li a { display: block; line-height: normal; }
		ul.main-navi li.hover,
		ul.main-navi li:hover { position: relative; }
		ul.main-navi ul { visibility: hidden; position: absolute; top: 100%; left: 0; }
		ul.main-navi ul li { padding-left: 56px; }
		ul.main-navi ul li a { display: inline-block; width: 100%; }

	/* page-navi */
	#contents ul.page-navi { margin-bottom: 10px; }
		#contents ul.page-navi li { font-weight: normal; }
		#contents ul.page-navi li.to-next { float: right; }
		#contents ul.page-navi li.to-prev { float: left; }
		#contents ul.page-navi li.left { width: 95px; float: left; }
		#contents ul.page-navi li.center { width: 285px; float: left; text-align: center; }
		#contents ul.page-navi li.right { width: 95px; float: right; text-align: right; }

/* side-navi */
	#side { width: 225px; float: left; color: #f1f1f1; 
		min-height: 800px; height: auto !important; height: 800px;
		background: #4278bd url('../products/img/bg_side.jpg') top left no-repeat; }
	#side a,#side a:link { color: #f1f1f1; text-decoration: none; }
	#side a:visited { color: #f1f1f1; }
	#side a:active, #side a:hover { color: #ffffff; text-decoration: underline }
	#side ul { padding: 0px 10px 10px 10px; margin-top: 5px; }
		*+html #side ul { margin-top: 50px; }

		#side ul li { padding-left: 2em; padding-bottom: 2px; text-indent: -1em; }
		* html #side ul li { padding-top: 3px; padding-bottom: 3px; }
		#side ul li.allow { font-weight: bold; background: url('../img/side_allow.gif') top left no-repeat; }
		div#side ul ul { padding: 0px; margin-top: 0px; }
		#side ul ul li { font-weight: normal; text-indent: 0; padding-left: 0; }
	#side .sidemenu { display: block; width: 225px; }
	#side ul.writer { width: 195px; margin: 30px 0 0 15px; padding: 0 0 15px 0; color: #474645; }
		#side ul.writer li {
			background-color: #e4ebf4; padding: 1px 15px; font-size: 90%; text-indent:0; line-height: 1.2em; }
		#side ul.writer li.writer-t { background: none; font-size: 110%; font-weight: bold; padding: 0px; }
		#side ul.writer li.writer-b { background: none; padding: 0px; line-height: 0; font-size: 1px; }
	#side ul.banner { margin-top: 200px; }
		#side ul.banner li { padding-bottom: 5px; }

/* about page */
	#side.about { background: url('../about/img/bg_side.jpg') top left no-repeat; }
	#contents.about dl.about-gaiyou dt,
	#contents.about dl.about-sikaku dt { display: block; float: left; clear: left; width: 5em; margin-right: 1em; }
		#contents.about dl.about-gaiyou { margin: 0px; float:left; width: 400px; }
			#contents.about dl.about-gaiyou dt,#contents dl.about-gaiyou dd { padding: 5px; }
			#contents.about dl.about-gaiyou dt { text-align: right; }
			#contents.about dl.about-gaiyou dd { margin-left: 1em; padding-left: 4em; border-bottom: solid 1px #dddddd; }
		#contents.about ul.banner { margin: 0px; padding-top: 50px; width: 120px; float:right; }
			#contents.about ul.banner li { margin-bottom: 15px; }
	#contents.about ul { padding-left: 1em; }
	#contents.about dl.about-sikaku { padding-left: 1em; width: 30em; }
		#contents.about dl.about-sikaku dt,#contents dl.about-sikaku dd { padding: 3px; border-bottom: solid 1px #dddddd; }
		#contents.about dl.about-sikaku dd { text-align: right; }
		#contents.about dl.about-sikaku dt { width: 25em; }

/* table */
	tr.even td { background: #e5e5e5; }
	td { padding: 3px; font-size: 95%;}

/* jisseki page */
	#side.jisseki { background: url('../jisseki/img/bg_side.jpg') top left no-repeat; }
	#results td.year { vertical-align: top; background: #ffffff; font-size: 100%; color: #191919; 
		border-top: solid 1px #dddddd; border-right: solid 1px #dddddd; }
	#contents table.jisseki { width: 400px; border-spacing: 0px; border-collapse: collapse;
		border-bottom: solid 1px #dddddd; }
		* html #contents table#results.jisseki { margin: 0px; margin-left: 50px; }
	#contents table.jisseki td { border-top: solid 1px #dddddd; color: #191919; }
	#contents table.jisseki td.place { text-align: center; border-left: solid 2px #ffffff; }
	#contents table.jisseki { margin: 0 0 0 105px; float: left; }
		table.jisseki tr.even td { background: #e5e5e5 url('../jisseki/img/bg_table_jisseki.gif') top left repeat-y; }
		table.jisseki tr.even td.place { background-position:-300px 0px; }
	#contents dl.jisseki { width: 170px; margin: 0px; float: right; }
	#contents dl.jisseki dd { padding: 0px; padding-bottom: 20px; text-align: right; color: #333333; }

/* inquiry page */
	#side.inquiry { background: url('../inquiry/img/bg_side.jpg') top left no-repeat; }
	#contents dl.inquiry dt { display: block; float: left; clear: left; width: 5em; margin-right: 10px; text-align: right; }
	#contents dl.inquiry dd { margin-bottom: 5px; margin-left: 7em; }
	#contents dl.inquiry dd input { width: 395px; }
	#contents dl.inquiry dd input#tel { width: 200px; }
	#contents dl.inquiry dd input#zip { width: 100px; }
	#contents dl.inquiry dd input.button,#contents dl.inquiry dd input.btnback { width: 150px; }
		#contents dl.inquiry dd input.btnback { margin-right: 50px; width: 100px; }
	#contents dl.inquiry dd textarea { width: 400px; }
	#contents dl.inquiry dd input:focus,
	#contents dl.inquiry dd textarea:focus { background-color: #eeeeee; }
	
/* products page */
	#side.products { background: url('../products/img/bg_side.jpg') top left no-repeat; }
	#contents h4.maker-link { margin-left: 145px; padding-top: 15px; }
		#contents ul.maker-link { padding-left: 1em; }
		#contents ul.maker-link li { width: 110px; font-size: 90%; float: left; font-weight: normal; text-indent: 0; }
	#contents ul.sample li { float: left; margin-right: 5px; text-align: right; color: #333333; font-size: 90%; }
	#contents.products div.box { width: 533px; }
		#contents dl.renga { float:left; width: 350px; }
			#contents dl.renga dl { margin-left: 2em; }
			#contents dl.renga dd { padding-top: 0px; padding-bottom: 0px; }
	#contents p.maki,#contents dl.maki { width: 345px; float: left; }

/* data page */
	#side.data { background: url('../data/img/bg_side.jpg') top left no-repeat; }
	#contents table.data { width: 530px; text-align: left; margin-top: 15px; }
	#contents table.data td { color: #191919; }
	#contents table.data td.finfo { width: 300px; }
		table.data tr.even td { background: #e5e5e5 url('../data/img/bg_table_data.gif') top left repeat-y; }
		table.data tr.even td.jwc { background-position:-300px 0px; }
		table.data tr.even td.pdf { background-position:-404px 0px; }
	#contents table.data { border-top: solid 1px #dddddd; margin-bottom: 15px; }
	#contents table.data th,table#manual { border-bottom: solid 1px #dddddd; }
		table#manual { margin-bottom: 15px; }
		#contents table.data td.finfo { font-size: 105%; }
		table#manual td { background: #e5e5e5 url('../data/img/bg_table_data.gif') top left repeat-y; }
		table#manual strong { font-size: 120%; }
	#contents ul.menu li { padding-bottom: 20px; }
		#contents li span { font-weight: normal; font-size: 80%; }
	#contents dl.data dt, #contents ul.data li { font-size: 105%; font-weight: bold; }
	#contents span.playmov { display: block; text-align: right; margin-top: -30px; margin-bottom: 7px;  }
		#contents span.playmov1 { display: block; text-align: right; margin-top: -40px; margin-bottom: 5px;  }
		#contents span.playmov2 { display: block; text-align: right; margin-top: -30px; margin-bottom: 15px;  }
		#contents ul.playmov li { padding-top: 10px; }
		#contents ul.playmov2 { line-height: 1.2em; }

/* info page */
	#contents.info h3 a { text-decoration: none; }
	#contents.info p.date { text-align: right; color: #6370b0; padding: 0px; }
		#contents.info ul.infoimg li { float: left; padding-right: 5px; }
	#side.info { background: url('../info/img/bg_side.jpg') top left no-repeat; }
		#side.info dl { padding: 0 10px 15px 15px; font-size: 90%; line-height: 1.3em; }
		#side.info dt { color: #cccccc; margin-top: 8px; }
		#side.info dd { color: #ffffff; }

/* yane page */
	#contents.yane p.date { text-align: right; color: #6370b0; padding: 0px; }
	#contents.yane p.yane { padding-top: 15px; }
	#side.yane { background: url('../yane/img/bg_side.jpg') top left no-repeat; }

/* footer-navi */
div#footer-navi { float: left; width: 579px; margin: 0px 0px 0px 225px; font-size: 95%;
		background-color: #f1f1f1; color: #191919; padding: 15px 0 0 145px; }
		* html div#footer-navi { width: 723px; margin-left: 113px; padding-left: 125px; }
	div#footer-navi dl { width: 165px; margin: 0px; margin-right: 25px; float: left; }
	div#footer-navi dt { width: 155px; margin-right: 0px; color: #c09454; font-weight: bold; }
	div#footer-navi dd { width: 155px; padding-bottom: 1px; padding-left: 0.5em; }
		div#footer-navi dt.title a { color: #c09454; }
	div#footer-navi a,div#footer-navi a:link { color: #191919; text-decoration: none; }
	div#footer-navi a:visited { color: #191919; }
	div#footer-navi a:active, div#footer-navi a:hover { color: #f16400; text-decoration: underline; }

/* footer */
#footer,#top-footer { clear: both; padding-bottom: 30px; }
	#top-footer { background: #ffffff url('../img/bg_topfooter.gif') top center no-repeat; }
	#footer { background: #ffffff url('../img/bg_footer.gif') top center no-repeat; }
		#footer p.copyright,#top-footer p.copyright {
			text-align: right; padding: 15px 18px 0 0; font-family:'Times New Roman',serif;
			letter-spacing: 0.1em; }
		#footer ul,#top-footer ul { padding-left: 10px; }
		#footer li,#top-footer li { float: left; padding-right: 10px; padding-bottom: 10px; }