@charset "Shift_JIS";



/* サイトの名前部分（『Sample Site』）の文字の大きさを指定するところです。
   デフォルトではfont-sizeが2emになっています。   */
p#logo{
  font-size : 3em; font-style: italic;
}


/* サイトの名前部分（『Sample Site』）の文字の色を指定するところです。
   デフォルトではcolorが#333333になっています。   */
p#logo a{
  color : #333333;
}


/* サイトの１番右上のテキスト（『Tel:012-3456〜』）の文字の大きさと色を指定するところです。
   デフォルトではfont-sizeが0.85em、colorが#333333になっています。   */
div#logo_side{
  font-size : 0.85em;
  color : #333333;
}


/* メインコンテンツ部分の文字の大きさ、色、行間の幅を指定するところです。
   デフォルトではfont-sizeが0.9em、colorが#333333、line-heightが1.8emになっています。 */
div#main{
  font-size : 0.9em;
  color : #333333;
  line-height : 1.8em;
}

/* サイドフリーエリア部分の文字の大きさ、色、行間の幅を指定するところです。
   デフォルトではfont-sizeが0.9em、colorが#333333、line-heightが1.8emになっています。 */
div.free_area_contents{
  font-size : 0.9em;
  color : #333333;
  line-height : 1.8em;
}


/* テキストリンクの色を指定するところです。
   デフォルトではcolorが#000066になっています。 */
a{
  color : #000066;
}


/* テキストリンクにマウスを載せたときの色を指定するところです。
   デフォルトではcolorが#6666ffになっています。 */
a:hover{
  color : #ff0000;
}


p{      /*  段落間の広さを指定するところです。デフォルトでは1.5em;になっています。 */
  margin-bottom : 1.5em;
}







/* ▼--------------ここより下を修正する必要はないと思います。--------------------------------▼*/

{
  margin : 0px;
}

body{
  font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  line-height : 1.5em;
  background : #dddddd;
  background-color: #cae4ff; 
  color : #333333;
}

a img{
  border : none;
}

p#logo, p.free_title{
  margin : 0;
}

ul, ol{
  padding-left : 20px;
}

td{
  vertical-align : top;
}

div#contents{
  width : 900px;
  margin : 0 auto;
  background-color : #FFE1ED;
  border-top : 5px solid #3300ff;
}

h1, h2, h3, h4, p#logo, div#logo_side,  p.free_title, div#footer{
  font-weight : bold;
}

div#logo_wrapper{
  margin-top : 10px;
  padding : 0 20px;
}

p#logo{
  width : 400px;
  float : left;
  line-height : 2em;
}

div#logo_side{
  width : 330px;
  float : right;
  padding-top : 10px;
}

p#header_image{
  clear : both;
  text-align : center;
  margin-bottom : 30px;
}

div#wrapper{
  clear : both;
  margin : 0 10px;
}

div#main{
  width : 610px;
  float : right;
  margin-bottom : 40px;
  padding : 10px;
  background-color : #ffcccc;
  border : 1px solid #e6e7ff;
}
div.main_text_title{
	font-size: 1.2em; margin-top: 24px; margin-bottom: 24px;}
div.main_text_body{
	font-size: 0.9em; line-height: 1.8em; margin-bottom: 30px;
	margin-left: 24px; margin-right: 24px; text-indent: 1em;}
div.main_text_body-a{
	font-size: 0.9em; line-height: 1.8em; margin-bottom: 30px;
	margin-left: 24px; margin-right: 24px; }
h1{
  width : 590px;
  margin-bottom : 30px;
  padding : 5px 0 1px 20px;
  font-size : 1.1em;
  background-color : #e6e7ff;
  border-top : dotted #3300ff 1px;
  border-bottom : dotted #3300ff 1px;
}



h2{
  margin-bottom : 30px;
  padding-left : 10px;
  border-bottom : 2px dotted #3300ff;
}

div#menu_block{
  width : 220px;
  float : left;
  margin-bottom : 40px;
  font-size : 0.9em;
}

ul.menu, div.free_area{
  margin-bottom : 40px;
}

ul.menu{
  padding-left : 15px;
}

ul.menu li{
  padding-top : 10px;
  border-bottom : 1px dotted #3300ff;
}
ul.menu_little li{
  padding-top : 10px;
  border-bottom : none;
}

ul.menu a{
  text-decoration : none;
  color : #333333;
}

ul.menu a:hover{
  color : #ff0099;
}

p.free_title{
  width : 210px;
  padding-left : 10px;
  background-color : #BA55D3;
  color : #ffffff;
}

p.free_coments{
  width : 210px;
  padding-left : 10px;
  background-color : #00CED1;
  color : #ffffff;
}

div.free_area_contents{
  width : 200px;
  padding : 10px;
  background-color : #ffffff;
}

div#footer{
  clear : both;
  background-color : #006600;
  border-top : 1px solid #3300ff;
  border-bottom : 1px solid #3300ff;
  color : #ffffff;
  text-align : center;
}

address a{
  padding : 0 3px;
  color : #ffff00;
}

address a:hover{
  color : #f0f0f0;
}