@charset "utf-8";

/* 0.reset
------------------------------ */
html { overflow-y: scroll;}

body,div,h1,h2,h3,h4,h5,form,fieldset,input {
  margin: 0;
  padding: 0;}
  
/* 0.除外---
p,ul,ol,dl,dt,dd {
  margin: 0;
  padding: 0;}
---------- */


a:link { color: blue;}
a:visited { color: purple;}
  
h1 { font-weight: normal;}

img { border-width: 0;}

p,li,dt,dd { 
  text-align: justify;
  text-justify: distribute;}

.clearfix:after {
  content: "."; 
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;}

.clearfix {
  min-height: 1px;}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/}

body {
  width: 950px;
  margin: 0 auto;}


/* 1.container
------------------------------ */
div#container {
  padding: 0;
  font-size: 14px;
　background-color: white;
　color: black; 
  line-height: 1.7;
  letter-spacing: 0.05em;}


/* 2.ロゴ【div.logo】
------------------------------ */

div.logo  { 
  margin: 0 0 47px 0;}
  
h1 {
  float: left;
  margin: 0;
  font-size: 12px;
  color: darkgray;
  letter-spacing: 0em;}

div.logo p {
  float: right;
    margin: 0;
  font-size: 12px;
  color: darkgray;
  letter-spacing: 0em;}

h1 a { text-decoration: none;}
h1 a:link { color: darkgray;}
h1 a:visited { color: darkgray;}
div.logo p a { text-decoration: none;}
div.logo p a:link { color: darkgray;}
div.logo p a:visited { color: darkgray;}


/* 2-1.パンくずリスト【div.logo div.pan】
------------------------------ */

div.logo div.pan { 
	clear: both;
	padding: 3px 0px; }

div.logo div.pan p { 
	float: left;
	color: black;
	font-size: 15px;}
	
div.logo div.pan p a { text-decoration: none;}
div.logo div.pan p a:link { color: blue;}
div.logo div.pan p a:visited { color: blue;}


/* 3.メイン（真ん中と左）【div.main】
------------------------------ */

div.main { 
	width: 687px;
	clear: both;
	float: left;
	margin: 0;}


/* 4.真ん中【div.main div.mannaka】
------------------------------ */

div.mannaka {
	float: right;
	width: 468px;
	margin: 0;} 
	
div.mannaka h2 {
	font-size: 20px;
	padding: 0px 0 0px 17px;
	border-left: solid black 1px;
	border-bottom: solid black 1px;}

div.mannaka p {
	padding: 0px 27px;}
	
div.mannaka p.sub {
	width: 440px;
	text-align: center;
	margin: 0 0px 23px 0px;
	padding: 12px;
	background-color: pink;}
	
div.mannaka h3 {
	width: 440px; height: 24px;
	text-align: right;
	margin: 0 0 23px 0px;
	padding: 5px 12px;
	border: 2px solid darkorange;
	background-color: lemonchiffon;
	font-size: 14px;}
	
div.mannaka dl {
	width: 427px;
	margin: 1.4em auto;
	padding: 12px;}
div.mannaka dt {
	margin-left: 17px;}
div.mannaka dd{
	margin: 0 0 12px 47px;}
	
div.mannaka div.img468 {
	max-width: 468px;
	text-align: center;
	margin: 0 0 12px 0;
	padding: 0;}

div.mannaka div.center { 
	text-align: center;
	margin-top: 3em;}

	
	
/* 4-1.リンクのページ【div.mannaka div.link】
------------------------------ */

div.mannaka div.link div {
	width: 414px;
	margin: 0 0 23px 0px;
	padding: 12px 27px;
	background-color: lemonchiffon;}

div.mannaka div.link p {
	padding: 0px 0 0 12px;}

div.mannaka div.link dt{
	margin: 0;
	padding: 0px;}
div.mannaka div.link dd{
	font-size: 12px;
	margin: 0 0 5px 0px;
	padding: 0px 10px;}


/* 5.左【div.main div.hidari】
------------------------------ */

div.hidari {
	width: 200px;
	margin: 0;}
	
div.hidari p {
	margin: 0;
	padding:0 1em;
	font-size:12px;}
	
div.hidari h4 {
	font-size: 20px;
	padding: 0px 0 0px 10px;
	border-left: solid black 1px;
	border-bottom: solid black 1px;}
	
div.hidari ul {
	margin-bottom: 37px;}

div.hidari li {
	margin-bottom: 1em;}
	
div.hidari li ul {
	margin-top: 1em;
	margin-left: 1em;
	padding: 0;}
	
div.hidari ul.ac {
	padding: 0;
	margin: 0 0px 0 0;}
div.hidari li.ac {
	font-size: 13px;
	padding: 0;
	margin: 0 3px 0 0;
	display: inline;}

div.hidari dl {	
	margin: 0 0 0 5px;
	padding: 0;
	letter-spacing: 0em;}
div.hidari dt {
	font-size: 14px;}
div.hidari dd {
	font-size: 12px;
	margin: 0 0 1em 5px;
	padding:0;}


/* 6.右【div.migi】
------------------------------ */

div.migi {
	width: 250px;
	float: right;
	margin: 0;
	letter-spacing: 0em;}


/* 6-1.右BOX【div.migi div.box】
------------------------------ */

div.migi div.box { margin: 0 0 37px 0;}

div.migi div.box h5 {
	font-size: 18px;
	padding: 0px 0 0px 10px;
	border-left: solid black 1px;
	border-bottom: solid black 1px;}
	
div.migi div.box p {
	margin-left: 14px;
	padding-right: 7px;}
div.migi div.box p.site-bun {
	margin: 0 0 0 7px;
	font-size:13px;}
	
div.migi div.box dl {
	margin: 10px 0 1em 14px;
	padding:0 7px 0 0;
	font-size: 12px;}
div.migi div.box dt {
	margin-bottom: 0;
	font-size: 14px;}
div.migi div.box dd {
	margin: 0 0 1em 7px;
	padding:0;
	font-size: 12px;}


/* 7.下【div.shita】
------------------------------ */

div.shita a:link { text-decoration: none;}
div.shita a:visited { text-decoration: none;}

div.shita {
	clear: both;
	margin: 0;}

div.shita p {
	margin: 0;
	padding: 5px 20px;
	font-size: 16px;
	color: white;
	background-color: darkorange;
	text-align: center;}
	
div.shita p a:link { color: white;}
div.shita p a:visited { color: white;}

div.shita ul { 
	margin: 0;
	list-style: none;
	text-align: center;}
	
div.shita ul li{
	font-size: 12px;
	color: darkgray;
	margin: 0 20px 0 0;
	display: inline;}
	
div.shita ul li a:link { color: darkgray;}
div.shita ul li a:visited { color: darkgray;}
	

/* 9.共通
------------------------------ */

div.center { text-align: center;}

i {
	background-color: yellow;
	color: black;
	font-style: normal;}
 
b {
	background-color: yellow;
	color: red;}

em { 
	font-style: normal;
	font-size: 16px;
	color: red;}

b.red20 { 
	color: red;
	font-size: 20px;}

b.black20 { 
	font-size: 20px;
	color: black;}
 
b.marker20 {
 background-color: yellow;
 color: black;
 font-size: 20px;}
 
b.marker-red20 {
 background-color: yellow;
 color: red;
 font-size: 20px;}

a:hover { text-decoration: none;}

img { vertical-align: bottom; }
