/*sampl */

body {
text-align: center;
margin: 0 auto;
padding: 0;
font: 9pt Arial, Verdana, Sans-Serif;
background: #fff;
}

div#pagebody{
width:840px;
padding:0 1px 0 1px;
margin:0 auto;
background:url(../img/bg.gif) repeat-y center top;
}

/*pタグ空白消去*/
p {
margin:0px;
padding:0px;
}

/*IE--BRバグ回避*/
br  {
letter-spacing:normal;
}


/*リスト空白消去*/
ul,ol,li  {
margin:0px;
padding:0px;
list-style:none;
}

/*IMGボーダー非表示*/
img  {
border: none;
vertical-align:top;
}



/*テキストリンクの色*/
a:link    {font-size:12px;color:#555555;text-decoration:none;font-weight:bold;} 

/*訪問済みのリンクの色*/ 
a:visited {font-size:12px;color:#555555;text-decoration:none;font-weight:bold;}  

/*クリック時のリンクの色*/
a:active  {font-size:12px;color:#CC3300;text-decoration:underline;font-weight:bold;}  

/*マウスの上にカーソルがあるときのリンクの色*/
a:hover   {font-size:12px;color:#CC3300;text-decoration:underline;font-weight:bold;} 


/*ヘッダー上の横並びナビゲーション・テキストリンクの色*/
#topnavi a:link    {font-size:14px;color:#555555;text-decoration:none;font-weight:bold;} 

/*ヘッダー上の横並びナビゲーション・訪問済みのリンクの色*/
#topnavi a:visited {font-size:14px;color:#555555;text-decoration:none;font-weight:bold;}  

/*ヘッダー上の横並びナビゲーション・クリック時のリンクの色*/
#topnavi a:active  {font-size:14px;color:#CC3300;text-decoration:underline;font-weight:bold;}  

/*ヘッダー上の横並びナビゲーション・マウスの上にカーソルがあるときのリンクの色*/
#topnavi a:hover   {font-size:14px;color:#CC3300;text-decoration:underline;font-weight:bold;}


/*サイトタイトルテキストリンクの色*/
#title a:link     {color:#000000;text-decoration:none;} 

/*サイトタイトル訪問済みのリンクの色*/
#title a:visited  {color:#000000;text-decoration:none;}  

/*サイトタイトルクリック時のリンクの色*/ 
#title a:active   {color:#000000;text-decoration:underline;}

/*サイトタイトルマウスの上にカーソルがあるときのリンクの色*/  
#title a:hover    {color:#000000;text-decoration:underline;} 


/*ヘッダー下の横並びナビゲーション・テキストリンクの色*/
#g_menu a:link    {font-size:14px;color:#555555;text-decoration:none;font-weight:bold;} 

/*ヘッダー下の横並びナビゲーション・訪問済みのリンクの色*/
#g_menu a:visited {font-size:14px;color:#555555;text-decoration:none;font-weight:bold;}  

/*ヘッダー下の横並びナビゲーション・クリック時のリンクの色*/
#g_menu a:active  {font-size:14px;color:#CC3300;text-decoration:underline;font-weight:bold;}  

/*ヘッダー下の横並びナビゲーション・マウスの上にカーソルがあるときのリンクの色*/
#g_menu a:hover   {font-size:14px;color:#CC3300;text-decoration:underline;font-weight:bold;}


/*本文右ナビゲーション・テキストリンクの色*/
#navi a:link    {font-size:14px;color:#555555;text-decoration:none;font-weight:bold;} 

/*本文右ナビゲーション・訪問済みのリンクの色*/
#navi a:visited {font-size:14px;color:#555555;text-decoration:none;font-weight:bold;}  

/*本文右ナビゲーション・クリック時のリンクの色*/
#navi a:active  {font-size:14px;color:#CC3300;text-decoration:underline;font-weight:bold;}  

/*本文右ナビゲーション・マウスの上にカーソルがあるときのリンクの色*/
#navi a:hover   {font-size:14px;color:#CC3300;text-decoration:underline;font-weight:bold;}

/*カラー指定*/
p.example1 { color: #ff0000; }
p.example2 { color: #0000ff; }

/*font-size指定*/
p.example11 { font-size: xx-large; }
p.example12 { font-size: x-large; }
p.example13 { font-size: large; }
p.example14 { font-size: medium; }
p.example15 { font-size: small; }
p.example16 { font-size: x-small; }
p.example17 { font-size: xx-small; }

p.example18 { font-size: 1.5em; }
p.example19 { font-size: 80%; }

p.example20 { font-size: larger; }
p.example21 { font-size: smaller; }



/*ヘッダー上の横並びナビゲーション・各種設定*/
#topnavi {
height: 20px;
background: #2489DB;
text-align: right;
padding-right: 10px;	
padding-top: 5px;
}

#topnavi a {
font-size: 8pt;
display: inline;
padding-left: 8px;
padding-right: 5px;
background: url(strelica.gif) left no-repeat;
padding-bottom: 3px;
margin-right: 5px;
color: #000000;
}

#topnavi a:hover {
border-bottom: 2px solid #000000;	
}

/*トップ・各種設定*/
#top {
clear: both;
margin: 0px 0 0px 0;
height: 100px;
background: url(image/sine_obi.jpg) repeat-x;
}

/*タイトル・各種設定*/
#title {
float: left;
font-size: 18pt;
padding-top: 10px;
padding-left: 5px;
}

#kousin em {
float: right;
margin: 5px;
}

/*h1・各種設定*/
h1    {
font-size:11px;/*ヘッダタイトル上部分文字サイズ-----------------*/
text-decoration:none;
font-weight:bold;
line-height:70%;
color: #ffffff;
} 


/*h2・各種設定*/
h2    {
font-size:12px;/*ヘッダタイトル上部分文字サイズ-----------------*/
text-align:right;/*メニュー文字は右寄せ-----------------*/
text-decoration:none;
font-weight:bold;
margin: 5px 0 5px 0;
line-height:100%;
color: #ffffff;
} 



/*h3・各種設定*/
h3    {
font-size:14px;/*ヘッダタイトル上部分文字サイズ-----------------*/
text-decoration:none;
font-weight:bold;
line-height:100%;
margin: 0 0 0px 0;
padding: 10px 0px 0px 0px;
} 

/*トップ右ボックス・各種設定*/
#title_commentary {
float: right;
height: 5px;
padding: 0px;
width: 550px;
margin: 5px 5px 5px 5px;
border: 0px solid #fff;	
color: #808080;
}

#title_commentary p {
margin: 5px;
}


/*ヘッダー下メニュー・各種設定---------------------------------------------------*/
#g_menu{
display:block;
text-align:right;/*メニュー文字は右寄せ-----------------*/
background-color:#fff497;/*背景色-----------------*/
border-top:#c23406 solid 8px;/*ヘッダーとの境界線の指定　デフォルトは赤-----------------*/
border-bottom:#aaaaaa solid 1px;
border-left:#aaaaaa solid 1px;
border-right:#aaaaaa solid 1px;
padding:5px;
line-height:100%;
}


/*本文左ナビゲーション・各種設定---------------------------------------------------*/
#navi {
clear: left;
float: left;
width: 214px;
margin: 0 0 10px 0;
padding: 0px 0px 0px 0px;
}

/*左メニュー・テキストリンクの色*/
.box li a:link    {color:#555555;text-decoration:none;} 

/*左メニュー・訪問済みのリンクの色*/
.box li a:visited {color:#555555;text-decoration:none;}  

/*左メニュー・クリック時のリンクの色*/
.box li a:active  {color:#CC3300;text-decoration:underline;}  

/*左メニュー・マウスの上にカーソルがあるときのリンクの色*/
.box li a:hover   {color:#CC3300;text-decoration:underline;} 

.box{
border:#aaaaaa solid 1px;
margin-bottom:20px;
}


.box_text{
padding:12px;
}

.box ul{
padding:12px;
}

.box li{
margin-bottom:0.4em;
text-align: left;
}


/*左ボックスタイトル指定-----------------*/
.box_title{
padding:6px;
text-align:center;
font-weight:bold;
border-bottom:#d47151 solid 4px;/*ボックスコンテンツとの境界線　デフォルトは太めの赤------------*/
background-image:url(images/bar_bg.gif);/*文字の下に薄いグラデーション背景画像（梱包済）------------*/
background-repeat:repeat-x;
background-position:bottom;
}


/*左ボックスのリストの頭につけている■-----------------*/
.mark_sq{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#c23406;/*■の色-----------------*/
}





/*右コンテンツ・各種設定---------------------------------------------------*/
#right {
float: right;
width: 194px;
margin: 0 0 10px 0;
padding: 5px 13px 20px 10px;
border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD;
background: #eee url(lijevo.gif) repeat-x;
color: #5D5D5D;
line-height: 1.5em;
}


/*右サイドバー指定--------------------------------*/
.side_bar{
background-color:#e5d097;/*背景色--------------------------------*/
padding:2px 4px;
text-align:center;/*文字は中央--------------------------------*/
font-weight:bold;
margin-bottom:15px;
}

/*右サイドバー指定--------------------------------*/
.side_text{
padding: 10px 0px 15px 0px;
text-align:left;/*文字は左--------------------------------*/
font-weight:bold;
}

/*右サイドバー指定--------------------------------*/
.side_text2{
padding: 10px 0px 15px 0px;
text-align:left;/*文字は左--------------------------------*/
font-weight:bold;
background-color: #ffffff;
}

/*右サイドバー指定--------------------------------*/
.side_text3{
padding: 10px 0px 15px 0px;
text-align:left;/*文字は左--------------------------------*/
font-weight:bold;
background-color: #fffff0;
}

code {
font-size:12px;/*リンクフリー文字サイズ-----------------*/
color: #000000;/*リンクフリー文字カラー-----------------*/
}

/*メインコンテンツ・各種設定---------------------------------------------------*/
#maine {
margin: 0 200px 20px 219px;/*左右のマージンを指定----------------------*/
padding: 5px 6px 5px 6px;
line-height: 1.6em;
text-align: left;
color: #5D5D5D;
}

/*パンくずリスト指定-----------------*/
#pan{
text-align:right;/*文字は左--------------------------------*/
text-align:right;
font-size:10px;
}


/*中央全体の囲み枠---------------------------------------------------*/
#main_body {
padding: 0px 0px 0px 0px;	
margin: 0 0px 0px 0px;/*左右のマージンを指定----------------------*/
}


/*メインコンテンツの下についている赤いアンダーライン-----------------*/
.bar{
border-bottom:#c23406 solid 4px;/*アンダーラインの指定（色・線種・太さ）------*/
margin-bottom:15px;
}


/*メインコンテンツの下についている黄色いアンダーライン-----------------*/
.bar_text{
border-bottom:#fff497 solid 4px;/*アンダーラインの指定（色・線種・太さ）------*/
padding:2px;
color:#b92e06;/*WELCOMEの文字色--------------------------------*/
font-weight:bold;
}


#maine a, #maine a:visited {
text-decoration: underline;	
}


#maine p {
padding: 0;
margin: 0;
}

 /* ---------------中央スクロール--------------------*/
p.center-scroll {width:390px; height:200px; background-color:#ffffff; overflow:scroll;}
/* ---------------中央スクロール--------------------*/
p.center_u-scroll {width:390px; height:100px; background-color:#ffffff; overflow:scroll;}


#news{
margin-bottom:20px;
}


#news li{
margin-bottom:0.3em;
}

/*メインコンテンツ・各種設定---------------------------------------------------*/
#maine1 {
margin: 0 5px 20px 219px;/*左右のマージンを指定----------------------*/
padding: 5px 6px 5px 6px;
line-height: 1.6em;
text-align: left;
color: #5D5D5D;
}



/*-------------------------------------------------------------------
id="footer"関係のスタイル
--------------------------------------------------------------------*/
div#footer{
clear:both;
padding-bottom:5px;
background:url(../img/footer.jpg) repeat-y;
border-top:1px solid #111111;
}
div#footer ul{
list-style:none;
margin-top:7px;
margin-left:6px;
}
div#footer li{
font-size:13px;
display:inline;
}
div#footer address{
font-size:12px;
color:#000000;
line-height:1.3em;
text-align:right;
font-style:normal;
margin:15px 6px 0 0;
}
div#footer address a{
color:#000000;
text-decoration:none;
}
div#footer address a:hover{
text-decoration:underline;
}

div#information { /* 親ボックス */
margin: 0px 0 10px 0;
}

div.information-box1 { /* ボックス1 */
float: left;
margin: 0 2px 2px 2px;/*左右のマージンを指定----------------------*/
width: 290px;
height: 250px;
line-height: 100%;
} 

div.information-box2 { /* ボックス2 */
float: left;
margin: 0 2px 2px 2px;/*左右のマージンを指定----------------------*/
width: 290px;
height: 250px;
line-height: 100%;
}