@charset 'UTF-8';

* {
color:#000000;
padding:0;
font-size: 12px;
line-height: 140%;
margin: 0;
font-family: Verdana, Arial, sans-serif;
}

body {
background-color: #C4C5C9;
background-image: url(img/bg4.jpg);
background-repeat: repeat-x;
}

/*****リンク色*****/

a {
text-decoration: none;
color:#3300FF;
}

a:visited {
color:#c71585;
}

a:hover {
color:#87ceeb;
text-decoration: underline;
}

/*******全体の枠*******/

#container {
width:700px;
position:relative;
margin:0 auto;
background-image: url(img/base_bg.gif);
background-repeat: repeat-y;
border: 3px solid #444444;
}

/*****ヘッダー*****/

#header {
font-family: Verdana, Arial, sans-serif;
text-align: right;
background-repeat: no-repeat ;
margin-bottom:5px;
}

h1{
font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
color: #ffffff;
font-weight: bold;
}

h2{
font-size: 120%;
}

a img{ /* 画像のリンク枠を消す */
border: none;
padding-top:0px;
}

#header h2 a  {
text-decoration: none;
color:#000;
}

#header h2 a:visited {
text-decoration: none;
color:#000;
}

#header h2 a:hover {
text-decoration: none;
color:#000;
}

/******* フォーマットのレイアウト *******/

#header{
margin: 0; /* 外の隙間 ピッチリ合わせている */
width: 100%; /* containerにいっぱいいっぱい表示 */
height: 130px; /* サイトロゴの高さに合わせている */
background-image: url(http://www.syouken.com/img/top.gif); /* 背景画像 */
background-position:right top; /* 背景画像の表示のさせ方 */
background-repeat:no-repeat; /* 背景画像の表示のさせ方 */
}

/******* ヘッダ *******/

#header h1{
margin: 0px;
padding: 20px 0px 0px 200px;
text-align: left;
font-size: 160%;
z-index: 10; /* サイトロゴの上に被って表示 */
}

#header h2{
margin: 0px 0px 0px 0px; /* サイトトピックの上に表示 */
padding: 40px 10px 0px 0px;
font-size: 114%;
z-index: 10; /* サイトロゴの上に被って表示 */
}

#header p{
margin: 0px 0px 0px 0px; /* サイト名の下に表示 */
padding: 5px 0px 0px 202px;
text-align: left;
font-size: 100%;
color: #ffffff;
z-index: 5; /* サイトロゴの上に被って表示 */
}

#header img{
float: left; /* ヘッダの左に動かす */
position: absolute; /* ヘッダの左上に表示する仕掛け */
top: 0px; /* ヘッダの左上に表示する仕掛け */
left: 10px; /* ヘッダの左上に表示する仕掛け */
margin: 0px;
z-index: 1; /* サイトロゴをテキストの後ろに表示 */
}

/******メイン枠******/

#center {
float: right;
width: 510px;
text-align: left;
}   

/******メイン内部******/
.content {
padding-left:5px;
}

.content p {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
letter-spacing: 1px;
line-height: 150%;
text-align: left;
padding: 10px 10px 0px 10px; 
margin-bottom:0.5em;
}

.content h3 {
font-family:Verdana, Arial, sans-serif;
background-color: #73c3ef;
border-left:solid 5px #3979c6;
border-bottom:solid 5px #3979c6;
color: #000;
font-weight:bold; 
font-size:16px;
padding:3px 0px 2px 30px;
margin:10px 5px 0px 5px;
background-image: url(http://www.syouken.com/img/arb-w.gif); /* 背景画像 */
background-position: 8px 5px; /* 背景画像の表示のさせ方 */
background-repeat:no-repeat; /* 背景画像の表示のさせ方 */
}

.content h4 {
font-family:Verdana, Arial, sans-serif;
background-color: #73c3ef;
border-left:solid 5px #3979c6;
border-bottom:solid 5px #3979c6;
color: #000;
font-weight:bold; 
font-size:16px;
padding:3px 0px 2px 30px;
margin:0px 0px 5px 0px;
background-image: url(http://www.syouken.com/img/arb-w.gif); /* 背景画像 */
background-position: 8px 5px; /* 背景画像の表示のさせ方 */
background-repeat:no-repeat; /* 背景画像の表示のさせ方 */
}


.content li{
font-size: small;
padding-left:15px;
text-align:left;
line-height:1.3em;
margin: 10px 0px 5px 5px;
list-style-type: none;
background: url(img/p-gr.gif) no-repeat left center; 
}


.entry-body{
font-size: 12px;
letter-spacing: 1px;
line-height: 24px;
background: #fff;
border:1px solid #cfd6ff;
padding: 10px 5px 0px 5px; 
margin:0px 5px 5px 5px;
}

.entry-body a{
text-decoration: underline;
}

/******メイン分割部分******/

.navi{
margin:0px 0px 5px 0px;
}

.main-navi{
float:right;
width:240px;
margin:5px 5px 5px 0px;
border:1px solid #cfd6ff;
}

/**********テーブル**********/

table {
width:490px;
border-collapse: collapse;
}

tr {
height: 30px;
}

td {
border: 1px solid #999;
padding: 3px 5px 3px 5px;
}


/******サイドメニュー部分******/

#side-bar {
float: left;
margin:10px 0 0 5px;
width: 180px;
}

#side-menu {
border:1px solid #cfd6ff;
margin-bottom: 15px;
}

#side-menu h4{
font-family:Verdana, Arial, sans-serif;
color: #000;
font-size:medium;
font-style:bold;
text-align:left;
color:#fff;
padding:4px 8px 4px 30px;
background-color:#3979c6;
background-image: url(http://www.syouken.com/img/arb-w.gif); /* 背景画像 */
background-position: 5px 5px; /* 背景画像の表示のさせ方 */
background-repeat:no-repeat; /* 背景画像の表示のさせ方 */
}

#side-menu li{
font-size: small;
padding-left:13px;
text-align:left;
line-height:1.3em;
margin: 5px 0px 10px 2px;
list-style-type: none;
background: url(img/p-gr.gif) no-repeat left center; 
}
/**********フッタ**********/

#footer{
clear: both;
padding: 5px 10px 51px 30px;
margin-top: 0px;
background-color: #3979c6;
}

#footer img{
padding: 2px 4px 10px 4px;
float: left; /* サイトバナーをフッタの左に */
}

#footer h3{
color: #000;
font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
font-size: 80%;
font-weight: normal;
float: right; /* サイトコピーライトをフッタの右に */
padding-top: 10px;
}

#footer a, #footer a:link, #footer a:visited{ /* サイトコピーライトの文字色 */
color: #000;
text-decoration: none;
}

/***************文字装飾***************/

.bl {
font-weight: 600;
font-size: 12px;
color: #000;
}

/***************スクロールバー***************/

.mado{
width: 173px;
height: 150px;
overflow: auto; 
font-size: 3px; 
font-color: black; 
margin: 0px;
padding: 5px 0px 5px 5px;
text-align: left;
border:solid 0px :#000;
background-color: #fff; 
font-family: Verdana, Arial, sans-serif;
line-height: 120%;
scrollbar-face-color:#cfd6ff;
}

.mado p{
font-size: 10px; 
}

p#ylink {
margin-top: 10px;
text-align: center;
}

/***************リンク***************/
p a.aaa {
cursor: text;
color: #333333;
text-decoration:none;
}

p a.aaa:visited {
color: #333333;
}

p a.aaa:hover {
color: #333333;
text-decoration:none;
}

/***************PRリンク***************/


p#pr a {
text-decoration: none;
color:#000;
}

p#pr a:visited {
color:#000;
}

p#pr a:hover {
color:#000;
}