﻿@charset "UTF-8";

/***************************************************
   HTML All Class Element Styles
***************************************************/

html { color: #221815; }
body { text-align: center; font-family:Meiryo; }
.cb { clear: both; }



#layout { background-image: url(img/bs.jpg); background-position: center; background-repeat: repeat-y; background-color: #9dbaf3; }
#layout #in { width: 840px; margin: 0 auto; background-color: #fff; }
#layout #header { background-image: url(img/header.jpg); background-repeat: no-repeat; width: 840px; height: 140px; text-align: left; }
#layout #header #banner { position: relative; left: 642px; top: 18px; width: 176px; } 

#breadcrumb { margin: 20px 0 0 0; text-align: right; font-size: 12px; }
#breadcrumb a { color: #666; }
#breadcrumb a:hover { text-decoration: underline; }

#main_back { background-image: url(img/m_back.jpg); background-position: center top; background-repeat: repeat-x; background-color: #fff; height: 224px; }
#main { width: 770px; margin: 0 auto; padding: 15px 0 0 0; }
#left { width: 170px; float: left; font-size: 12px; line-height: 18px; text-align: left; }
#left #sidemenu { background-color: #bbbbbb; width: 164px; padding: 3px; }
#left #access { width: 170px; margin: 0 auto; }
#left #access  a { color: #1111ff; }
#left #access  a:hover { text-decoration: underline; }
#center { width: 20px; float: left; }
#right { width: 580px; float: left; text-align: left; font-size: 13px; }
#right h2 { font-size: 18px; font-weight: bold; color: #666; padding: 5px 0 0 0; }

#footer { background-color: #3b75e8; height: 20px; width: 100%; line-height: 20px; text-align: center; color: #fff; font-size: 11px; }

.title { background-image: url(img/title.jpg); background-repeat: no-repeat; width: 580px; height: 39px; }
.title h2 { text-indent: 15px; font-size: 15px; font-weight: bold; position: relative; top: 10px; }

.contents { width: 560px; height: 200px; margin: 5px auto; text-align: left; }
.contents_in { padding: 10px 15px; }

.floatend {clear:both;}

/***************************************************
  Sidebar Element Styles
***************************************************/

.side_m01 a { display: block; background-image: url(img/side_menu01.jpg); background-repeat: no-repeat; width: 164px; height: 35px; margin: 0 auto; color: #000; font-size: 14px; font-weight: bold; }
.side_m01 a:hover { display: block; background-image: url(img/side_menu01_on.jpg); background-repeat: no-repeat; }
.side_m01 a.mlt { color: #000; font-size: 13px; font-weight: bold; text-indent: 35px; }
.side_m01 a .space { font-size: 2px; line-height: 6px; }
.side_m01 a h2 { display: inline; line-height: 12px; padding: 0px 0 0 20px; font-size: 14px; }
.side_m01 a:hover h2 { color: #3b75e8; }
.side_m01 a p { display: inline; padding: 0px 0 0 20px; font-size: 10px; color: #808080; font-weight: normal; }

.side_m01  { display: block; background-image: url(img/side_menu01_on.jpg); background-repeat: no-repeat; width: 164px; height: 35px; margin: 0 auto; color: #000; font-size: 14px; font-weight: bold; }
.side_m01 .space { font-size: 2px; line-height: 6px; }
.side_m01 h3 { display: inline; line-height: 12px; padding: 0px 0 0 20px; font-size: 14px; color: #3b75e8; }
.side_m01 em { display: inline; padding: 0px 0 0 20px; font-size: 10px; color: #808080; font-weight: normal; }


.side_m02 a { display: block; background-image: url(img/side_menu02.jpg); background-repeat: no-repeat; width: 164px; height: 35px; margin: 0 auto; color: #000; font-size: 14px; font-weight: bold; }
.side_m02 a:hover { display: block; background-image: url(img/side_menu02_on.jpg); background-repeat: no-repeat; }
.side_m02 a.mlt { color: #000; font-size: 13px; font-weight: bold; text-indent: 35px; }
.side_m02 a .space { font-size: 2px; line-height: 6px; }
.side_m02 a h2 { display: inline; line-height: 12px; padding: 0px 0 0 20px; font-size: 14px; }
.side_m02 a:hover h2 { color: #3b75e8; }
.side_m02 a p { display: inline; padding: 0px 0 0 20px; font-size: 10px; color: #808080; font-weight: normal; }

.side_m02 { display: block; background-image: url(img/side_menu02_on.jpg); background-repeat: no-repeat; width: 164px; height: 35px; margin: 0 auto; color: #000; font-size: 14px; font-weight: bold; }
.side_m02 .space { font-size: 2px; line-height: 6px; }
.side_m02 h3 { display: inline; line-height: 12px; padding: 0px 0 0 20px; font-size: 14px; color: #3b75e8; }
.side_m02 em { display: inline; padding: 0px 0 0 20px; font-size: 10px; color: #808080; font-weight: normal; }





