@charaset "UTF-8";
a:link{color:darkslategray;}
body{
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	background-image:url('http://www.jawic.or.jp/img3/bg_body.gif');
}

#wrap{
	width:850px;
	margin:0px auto;
	background-color:#fff;
}
#left{width:200px;float:left;}
header{height:60px;position:relative;}
header img#logo{display:block;position:absolute;left:10px;top:8px;}
header form#msearch{position:absolute;right:5px;top:7px;}
header form#msearch p{color:royalblue;font-size:14px;font-size:1.4rem;}
header div#gsc{position:absolute;right:5px;top:7px; width:280px;}
header div#gsc p{color:royalblue;font-size:12px;font-size:1.2rem;text-indent:0em;font-style: italic;}

/*------------------
 googleカスタム検索
------------------*/

#gsc{
    width:100%;
    margin:0 auto;
    position:relative;
     
}
 
#gsc td {
    border: none;    
}
 
#gsc .gsc-control-cse, 
#gsc .gsc-control-cse-ja,
#gsc .gsib_a{
    margin:0 !important;
    padding:0 !important;
}
/* テキスト入力フォームとボタンの位置 */
#gsc table.gsc-search-box td,
#gsc table.gsc-search-box input {
    vertical-align: top !important;
}
/* テキスト入力フォーム */
#gsc input[type="text"]{
    border: 1px solid #dddddd !important;
    height:25px !important;
    margin-top: 100px;
}
 
 
#gsc input[type="text"]:focus {
    border: 2px solid #b2e0eb !important;
    outline: 0;  /*safariの自動フォーカスを切る */
}
 
/* テキスト入力フォームの影を消す */
#gsc #gsc-iw-id1{
    border:none !important;
}
/* テキスト入力フォームの背景画像位置調整 */
#gsc #gs_tti0 input{
    background-position:5px 5px !important;
}
/* ボタンの色 */
#gsc input.gsc-search-button {
background: #d2d2d2 !important;
background: -ms-linear-gradient(top,  #008ee1 0%,#008ee1 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ee1', endColorstr='#008ee1',GradientType=0 ); /* IE6-9 */
border: 1px solid #d2d2d2 !important;
}
/* ボタンの位置調整と角丸消し */
#gsc .gsc-search-button{
    margin:0 0 0 -16px !important;
    border-radius:0px;
}
/* 入力時に出る「×」ボタンの位置調整 */
 
/* 入力時に出る×ボタン -- Firefox位置調整 -- */
#gsc .gsib_b span{
        box-sizing: border-box;
   -moz-box-sizing: border-box;
        padding:2px 0 0 0;
}











#main{
	width:600px;
	_background-color:#ffc;
	float:left;
	margin-left:30px;
	min-height:500px;
}

/*---------------
　左ロゴ＋メニュ
---------------*/
#left{margin-left:10px;}
#left a#logo_ki_net{display:block;text-align:center;margin-bottom:16px;}
#left nav{margin-bottom:5px;}
#left nav dl > dt{
	font-size:20px;
	border-left:solid 7px;
	background-color:sandybrown;
	height:35px;
	padding-left:5px;
	padding-top:5px;
	text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.3),
	1px 1px 1px rgba(255, 255, 255, 0.5);
	position:relative;
	cursor: pointer;
}


#left nav dl > dt img{position:absolute;right:5px;top:5px;}
#left nav dl > dt span{
	display:block;
	font-size:12px;
}

#left nav dl > div > dd{
	font-size:15px;
	border-bottom:dashed 1px #591900;
	border-left:solid 1px #591900;
	border-right:solid 1px #591900;
	padding:8px 0px 8px 10px;
}
#left nav dl div dd:last-child{border-bottom:solid 1px #591900;}
#left nav dl > div dd a{text-decoration:none;}

/*-------------------------------------
 グローバルメニューの設定ポイント
１・最上部を0として、順にカウントしている
２・背景の杢目と左のバーの色は別々にCSS設定している
３・杢目は下のfor文で、番号で画像を決定している
４・左側のバーの色は、その下で番号をキーに設定している。
★５・ゆえに画像を変えたければ、FTPで直接アップロードする。
★６・左のバーの色を変えたければ、その下のCSSでちまちま変える。

メニュー追加・入れ替えを行うとき
１・まずは、順番等は気にせずに、global_partに設定してしまう（ただし配列名のNoは順につけておく）
２・下のfor文の$iを変更（カテゴリ数に変更があった場合）
３・下のCSS（#left nav dl > dt#m**）を更新する
４・何番目と何番目が同じ色になるかなどを考えながら、色設定（アップして確認、修正）
５・最後に背景の画像を調整する
-------------------------------------*/
#left nav dl > dt#m00{background-image:url(../img3/menu/bg00.jpg);}#left nav dl > dt#m01{background-image:url(../img3/menu/bg01.jpg);}#left nav dl > dt#m02{background-image:url(../img3/menu/bg02.jpg);}#left nav dl > dt#m03{background-image:url(../img3/menu/bg03.jpg);}#left nav dl > dt#m04{background-image:url(../img3/menu/bg04.jpg);}#left nav dl > dt#m05{background-image:url(../img3/menu/bg05.jpg);}#left nav dl > dt#m06{background-image:url(../img3/menu/bg06.jpg);}#left nav dl > dt#m07{background-image:url(../img3/menu/bg07.jpg);}#left nav dl > dt#m08{background-image:url(../img3/menu/bg08.jpg);}#left nav dl > dt#m09{background-image:url(../img3/menu/bg09.jpg);}#left nav dl > dt#m10{background-image:url(../img3/menu/bg10.jpg);}#left nav dl > dt#m11{background-image:url(../img3/menu/bg11.jpg);}#left nav dl > dt#m12{background-image:url(../img3/menu/bg12.jpg);}#left nav dl > dt#m13{background-image:url(../img3/menu/bg13.jpg);}#left nav dl > dt#m14{background-image:url(../img3/menu/bg14.jpg);}#left nav dl > dt#m15{background-image:url(../img3/menu/bg15.jpg);}#left nav dl > dt#m00{border-left-color:forestgreen;}
#left nav dl > dt#m01{border-left-color:#591900;}
#left nav dl > dt#m02{border-left-color:#591900;}
#left nav dl > dt#m03{border-left-color:#591900;}
#left nav dl > dt#m04{border-left-color:darkolivegreen;}
#left nav dl > dt#m05{border-left-color:darkolivegreen;}
#left nav dl > dt#m06{border-left-color:darkolivegreen;}
#left nav dl > dt#m07{border-left-color:darkolivegreen;}
#left nav dl > dt#m08{border-left-color:olive;}
#left nav dl > dt#m09{border-left-color:olive;}
#left nav dl > dt#m10{border-left-color:darkslategray;}
#left nav dl > dt#m11{border-left-color:darkslategray;}
#left nav dl > dt#m12{border-left-color:#43676b;}
#left nav dl > dt#m13{border-left-color:indianred;}
#left nav dl > dt#m14{border-left-color:indianred;}
#left nav dl > dt#m15{border-left-color:cadetblue;}

footer{
	font-size:14px;font-size:1.4rem;	text-align:center;
	color:#fff;
	background-color:forestgreen;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:10px;
	line-height:1.5;
}