/*--------------------------------------------------------------

Copyright WEB MAGIC.

http://www.webamgic.jp/

Template#13 type-1-menu5 ver 1.01

---------------------------------------------------------------*/





body {

text-align: center;

background-color:#E9E9E9;/*全体の背景色-----------------*/

font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;

font-size:12px;/*基本の文字サイズ-----------------*/

line-height:170%;

color:#444444;;/*基本の文字色-----------------*/

margin-top:20px;/*コンテンツボックスを上から少し離しています-----------------*/

margin-bottom:20px;

margin-left:0;

margin-right:0;

}





h1,h2,h3 {

margin:0px;

padding:0px;

font-weight:normal;

}





/*pタグ空白消去*/

p {

margin:0px;

padding:0px;

}





/*IMGボーダー非表示*/

img  {

border: none;

vertical-align:top;

}







/*TABLEボーダー非表示*/

table  {

border:none;

margin-bottom:20px;

}





/*IE--BRバグ回避*/

br  {

letter-spacing:normal;

}





/*ビルダー表示崩れ回避*/

br.clear{

clear:both;

padding:0px;

margin:0px;

height:0px;

line-height:0;

}





/*リスト空白消去*/

ul,ol,li  {

margin:0px;

padding:0px;

list-style:none;

}









/*ページのタイトル部分のみのテキストリンク-----------------*/

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

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

h1 a:active     {color:#ffffff;text-decoration:underline;} /*メニュー・クリック時のリンクの色*/

h1 a:hover      {color:#ffffff;text-decoration:underline;} /*メニュー・マウス上にカーソルがある時のリンク色*/







/*普通のテキストリンク-----------------*/

a:link    {text-decoration:underline;color:#005D90;}  /*テキストリンクの色*/

a:visited {text-decoration:underline;color:#005D90;}  /*訪問済みのリンクの色*/ 

a:active  {text-decoration:underline;color:#005D90;}   /*クリック時のリンクの色*/

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









#container{

width:896px;

margin:0 auto;

padding:0;

text-align:left;

}







#summery{

width:896px;

text-align:right;

line-height:normal;

padding-bottom:4px;

font-size:12px;

}







#header{

margin:0px;

background-image:url(images/header.jpg);/*ヘッダー画像-----------------*/

background-repeat:no-repeat;

background-position:right;

background-color:#000000;

width:836px;

padding:53px 30px 25px 30px;

height:100px;

}







/*ホームページテンプレートとフリー素材、と書いてある文字-----------------*/

#subtitle{

line-height:normal;

font-size:14px;/*---文字サイズ-----------*/

color:#ffffff;/*---文字色-----------*/

}







/*サイトのタイトル文字-----------------*/

h1{

line-height:normal;

font-size:30px;/*タイトル文字サイズ-----------------*/

font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;

font-weight:bold ;

margin:0;

padding:4px 0px 15px 0px;

}









/*貴方のホームページ制作をお手伝いいたします。と書いてある文字-----------------*/

#setumei{

line-height:normal;

font-size:12px;/*---文字サイズ-----------*/

color:#ffffff;/*---文字色-----------*/

}











/*ヘッダー下ロールオーバーメニューリスト指定------------------------------------------------*/



#menu{

margin: 0;

padding: 0;

}





#menu ul{

list-style-type: none;

margin: 0;

padding: 0;

}





/*各メニューのボックス-----------------*/

#menu li{

float: left;

width: 178px;

border-top:1px #111111 solid;

border-left:1px #111111 solid;

border-bottom:1px #111111 solid;

}







/*一番右端のメニューボックス右サイドのマージンカット指定-----------------*/

#menu li.menuright{

float: left;

width: 178px;

border-top:1px #111111 solid;

border-left:1px #111111 solid;

border-bottom:1px #111111 solid;

border-right:1px #111111 solid;

}







/*マウスをのせていないときの指定-----------------*/

#menu a{

text-align: center;

display:block;

padding:15px 8px;

width: 162px;

background-color:#0C6EA3;/*------メニューの背景色-----------*/

color:#ffffff;/*------メニューの文字色-----------------*/

text-decoration:none;/*------リンクのアンダーラインなし-----------------*/

font-size:14px;/*------文字サイズ-----------------*/

}







/*マウスをのせたときの指定-----------------*/

#menu a:hover{

background-color:#2783B5;/*-------メニューの背景色----------*/

color:#ffffff;/*-------メニューの文字色-----------*/

text-decoration:none;/*-------リンクのアンダーラインあり----------*/

font-size:14px;/*------文字サイズ-----------------*/

}















#wrapper{

width:896px;

clear:both;

background-color:#FFFFFF; /*----メニューから下の部分のコンテンツ背景色--------*/

position:relative;

float:left;

}









#main{

float:left;

padding-top:33px;

padding-left:39px;

width:597px;

}





#side{

float:right;

padding-top:33px;

padding-right:25px;

width:200px;

}







 /*----トップページ「誰でも作れる・・・」のコピー文字--------*/

#copy{

font-size:28px; /*----文字サイズ--------*/

font-weight:bold;

color:#0B4869; /*----文字色--------*/

line-height:130%;

margin-bottom:20px;

}





.text{

margin:2px 2px 25px 2px;

line-height:170%;

}







 /*----NEWS・下層ページタイトル--------*/

h2 {

font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

background-image:url(images/bar.gif);

background-repeat:no-repeat;

margin-bottom:18px;

height:41px;

font-weight:normal;

font-size:17px; /*----文字サイズ--------*/

} 







/*----NEWS・下層ページタイトル左の方にある色のついた縦ライン--------*/

.line{

border-left:#3399CC 4px solid; /*----ラインの色・太さ・ラインは直線--------*/

padding:10px;

height:21px;

}







#news li{

margin-bottom:2px;

padding-bottom:6px;

padding-left:4px;

padding-top:6px;

border-bottom:#dddddd solid 1px;

}





#news ul{

margin:0px 2px 45px 2px;

}





.box_bg{

background-image:url(images/box_bg.gif);

background-repeat:repeat-y;

padding:0px 20px;

}





#textlink{

border-top:#dddddd solid 1px;

margin-left:30px;

margin-right:30px;

padding:12px 4px 25px 4px;

text-align:left;

}





/*----下層ページ小見出し--------*/

h3{

font-weight:bold;

padding:2px;

font-size:14px;

color:#0b689a;

margin-bottom:15px;

border-bottom:#dddddd double 3px;/*----下部ライン--------*/

}





/*----テーブル表組み左のセル--------*/

.table_item{

background-color:#f3f3f3;/*----セルの色--------*/

text-align:left;

}





/*----テーブル表組み右のセル--------*/

.table_text{

background-color:#ffffff;/*----セルの色--------*/

text-align:left;

}





/*----テーブル表組みの枠線--------*/

.waku{

background-color:#999999;/*---枠線の色--------*/

}









#copyright{

clear:both;

margin:0 auto;

padding:4px 2px;

width:892px;

font-size:10px;

text-align:right;

}



#copyright a:link {color:#444444;}

#copyright a:visited  {color:#444444;}

#copyright a:hover {color:#444444;}

#copyright a:active  {color:#444444;}





.space20{

margin-bottom:20px;

}