@charset "shift_jis";




body {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 75%;
	line-height: 2;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
h1,h2,h3,p,ul,li,dl,dt,dd{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}


img {
	border: none;
}

a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}



input,textarea,select {
	font-size: 1em;
}
table {
	border-collapse:collapse;
	font-size: 100%;
}


/*リンクカラー*/
a {
	color: #0055dd;
   	text-decoration: none;
}

/*カーソルオーバー時のリンクカラー*/
a:hover {
	color: red;
	text-decoration: none;	/*下線を消す設定。残したままがいいならこの１行を削除。*/
}





/*表行全体をリンク*/

a.widelink {
   display: block;
   width: 100%;
   text-decoration: none; 
}
a.widelink:hover {     
   background-color: #ddedf2;
   color: red;
}

a.widelink2 {
   display: block;
   width: 100%;
   text-decoration: none; 
}
a.widelink2:hover {     
   color: red;
}




/* --- マウスオーバー時 --- */
table.example tbody tr:hover {
background-color: #ddedf2; /* 行の背景色 */
overflow:hidden;
}



/*コンテナー
---------------------------------------------------------------------------*/
#container {
	text-align: left;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	border-top: 0px solid #7ecef4;
	background-color: #ffffff;
}

#view_change{
float:right;
}

/*ヘッダー（ロゴなどが入っている最上段のボックス）
---------------------------------------------------------------------------*/
#header {
	position: relative;
	width: 100%;
	background-image: url(images/header_bg.jpg);	/*ヘッダーの背景画像*/
	background-repeat: no-repeat;
	background-position: top;
	height: 100px;
}

#header #logo {
	padding-top: 20px;
}

#header #google {
	font-size: 10px;	/*h1タグの文字の大きさ*/
	font-weight: normal;
	position: absolute;
	top: 10px;	/*ヘッダーのボックスに対して上から0pxに位置に配置*/
	left: 340px;	/*ヘッダーのボックスに対して右から0pxに位置に配置*/
}

#header #google_in {
	font-size: 10px;	/*h1タグの文字の大きさ*/
	font-weight: normal;
	position: absolute;
	top: 60px;	/*ヘッダーのボックスに対して上から0pxに位置に配置*/
	left: 340px;	/*ヘッダーのボックスに対して右から0pxに位置に配置*/
}

#header #pr {
	font-size: 10px;	/*h1タグの文字の大きさ*/
	font-weight: normal;
	position: absolute;
	top: 20px;	/*ヘッダーのボックスに対して上から0pxに位置に配置*/
	right: 0px;	/*ヘッダーのボックスに対して右から0pxに位置に配置*/
}


#header h1 {
	font-size: 10px;	/*h1タグの文字の大きさ*/
	font-weight: normal;
	position: absolute;
	top: 0px;	/*ヘッダーのボックスに対して上から0pxに位置に配置*/
	left: 0px;	/*ヘッダーのボックスに対して右から0pxに位置に配置*/
}

#header h2 {
	font-size: 10px;	/*h1タグの文字の大きさ*/
	font-weight: normal;
	position: absolute;
	top: 0px;	/*ヘッダーのボックスに対して上から0pxに位置に配置*/
	right: 10px;	/*ヘッダーのボックスに対して右から0pxに位置に配置*/
}


/* --- ナビゲーションバー --- */
div.nav {
width: 100%; /* ナビゲーションの幅 */
background: #4e83b3 url(images/hor_menu6_off.gif) repeat-x top; /* ナビゲーションの背景 */
border-top: 2px #84aed2 solid; /* 上境界線 */
border-bottom: 2px #2c5170 solid; /* 下境界線 */
font-size: 80%;
}

/* --- メニューエリア --- */
div.nav ul.nl {
width: 1000px; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
padding: 0;
background: #4e83b3 url(images/hor_menu6_off.gif) repeat-x top; /* メニューの背景 */
border-left: 1px #2c5170 solid; /* メニューの左境界線 */
border-right: 1px #84aed2 solid; /* メニューの右境界線 */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
width: 20%; /* 項目の幅 */
float: left;
}

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 7px 2px 4px; /* リンクエリアのパディング（上、左右、下） */
border-left: 1px #84aed2 solid; /* リンクエリアの左境界線 */
border-right: 1px #2c5170 solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
font-weight: bold; /* 文字の太さ（太字） */
color: #ffffff; /* 文字色 */
line-height: 100%; /* 行の高さ */
}
/* 英字部分 */
div.nav ul.nl li a span.en {
display: block;
margin-top: 2px; /* 英字部分の上マージン */
font-size: 85%; /* 英字の文字サイズ */
font-weight: normal; /* 文字の太さ（ノーマル） */
color: #eee8aa; /* 英字の文字色 */
}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
background: #5e91bd url(images/hor_menu6_on.gif) repeat-x top; /* ポイント時の背景 */
}
div.nav ul.nl li a:hover span.en {
color: #fde337; /* ポイント時の英字の文字色 */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}



/*３カラムを囲むボックス
---------------------------------------------------------------------------*/
#contents {
	clear: left;
	width: 100%;

}



/*左・中央を囲むボックス
---------------------------------------------------------------------------*/
#wrap {
	width: 1000px;
	float: left;
	padding-bottom: 50px;
	margin-top: 20px;
}



/*両サイドの共通設定
---------------------------------------------------------------------------*/
#sub,#side {
	background-color: #f7f7f7;	/*両サイドのボックス背景色*/
	width: 0px;
	border: 1px solid #bfbfbf;	/*両サイドのボックスフチのボーダー*/
	padding: 1px;		/*余白を1px*/
	line-height: 1.6;	/*行間。通常より少し狭めている。*/
	color: #666666;		/*文字色*/
}

/*左右ボックスのp(段落タグ)の余白設定*/
#sub p,#side p {
	padding: 0.5em 5px 1em;
}

/*左右ボックスのh3見出し設定*/
#sub h3,#side h3 {
	font-size: 100%;
	background-color: #7ecef4;	/*背景色*/
	text-align: center;	/*文字のセンタリング*/
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFFFFF;	/*文字色*/
}



/*中央ブロック
---------------------------------------------------------------------------*/
#main {
	float: right;
	width: 1000px;

}

#main h2 {
	font-size: 150%;
	background-image: url(images/h2bg.jpg);	/*h2背景画像*/
	background-repeat: no-repeat;
	background-position: bottom;
	padding-left: 30px;
	clear: both;
}

#main h3 {
	font-size: 150%;
	background-image: url(images/h3bg.jpg);	/*h2背景画像*/
	background-repeat: no-repeat;
	background-position: bottom;
	padding-left: 30px;
	clear: both;
}


h9 {
height:23px;margin:0px 0px 5px 0px;padding:7px 0px 0px 8px;
font-size:16px;font-weight:bold;color:#FFFFFF;
background-image:url(images/h9.jpg);
}





#main h4 {
	font-size: 150%;
	background-image: url(images/h4bg.jpg);	/*h2背景画像*/
	background-repeat: no-repeat;
	background-position: bottom;
	padding-left: 30px;
	clear: both;
}

#main h1 {
	font-size: 150%;
	background-image: url(images/h4bg.jpg);	/*h2背景画像*/
	background-repeat: no-repeat;
	background-position: bottom;
	padding-left: 30px;
	clear: both;
}


#main h7 {
	font-size: 160%;
	background-image: url(images/h2bg.jpg);	/*h2背景画像*/
	background-repeat: no-repeat;
	background-position: bottom;
	padding-left: 30px;
	clear: both;
}

#main #rss{
	line-height: 1.4em; /* 高さの制限 */
	overflow: hidden;
	font-size: 13px;

}

#main #rss1{
	line-height: 1.3em; /* 高さの制限 */
	overflow: hidden;
	font-size: 12px;

}


#main p {
	padding: 0.5em 10px 1em;	/*中央ブロックの段落タグの余白*/
}

/*
#main div{
//	height: 2.3em; /* 高さの制限 */
	overflow: hidden;
	font-size: 100%;
//	border: 0.1px solid #cccccc;
//	margin-bottom: 0.3em;

//padding: -2px 0px 0px 0px;
}
*/

#cc{
padding: 6px 0px 0px 0px;
}



#category h2 {
background-image: url(images/h2_blog.gif);	/*背景画像*/
background-repeat: no-repeat;
background-position: left center;
	padding-left: 30px;
padding:13px 10px 13px 30px;
margin:-5px 0px -7px 0px;
font-weight:bold;
font-size:12px;
color:#FFFFFF;
	clear: both;
}

#category h2 a {
color:#FFFFFF;
}


#category a:hover {
	color: red;
	text-decoration: none;	/*下線を消す設定。残したままがいいならこの１行を削除。*/
}










ul.category2 li  { 
margin-bottom: -5px;
margin-left: 8em;

list-style-position: inside;
list-style-image: url(images/arrow2.gif);
 }


#category2 {
	font-size: 13.3px;
   	text-decoration: none;
}

#category2 a {
	color:#333;
   	text-decoration:none;
}

#category2 a:hover {
	color: red;
	text-decoration: none;	/*下線を消す設定。残したままがいいならこの１行を削除。*/
}


#category2 h2 a {
color:#FFFFFF;
}

#category2 h2 {
background-image: url(images/h2_blog1.gif);	/*背景画像*/
background-repeat: no-repeat;
background-position: left center;
padding-left: 30px;
padding:13px 10px 13px 30px;
margin:-5px 9px -7px 0px;
font-weight:bold;
font-size:12px;
color:#FFFFFF;
	clear: both;
}







/*フッター（最下部のコピーライトなど）
---------------------------------------------------------------------------*/
#footer  {  

	margin: 30px auto 0 auto;
	background: #000 url(images/footer.jpg) repeat-x;
	color: gray;
	width: 100%;
	clear: both;
height:300px;
	min-width: 980px;
	text-align: center;
	font-weight: bold;
}  

#footer h3  {  
	font-size: 23px;
} 


#footer a {  
color:#fff;
} 


#footer5 {
	clear: both;
	background-color: #333;
	clear: both;
	width: 100%;
	text-align: center;
	border-top: 1px solid #bfbfbf;
	padding-top: 1em;
	padding-bottom: 1em;
}



#footer2 {
	clear: both;
	width: 100%;
	font-size: 190%;
	text-align: center;
	border-top: 1px solid #bfbfbf;
	padding-top: 1em;
	padding-bottom: 1em;
}





#wrapper {
	font-size: 10%;
	clear: both;
	color:#ffffff;
	height: 1px;
	width: 100%;
	text-align: center;
	border-top: 1px solid #bfbfbf;
	padding-top: 1em;
	padding-bottom: 1em;
}


#search11{
width:600px;
}




/*ページ送り
---------------------------------------------------------------------------*/

#main .pageNav04c {
	/zoom: 1;
	position: relative;
	overflow: hidden;
	margin: 0 0 10px;
	padding: 10px;
	background: #eee;
}


#main .pageNav04c ul {
	position: relative;
	left: 50%;
	float: left;
}

#main .pageNav04c ul li {
	position: relative;
	left: -50%;
	float: left;
	margin: 0;
}

#main .pageNav04c li span,
#main .pageNav04c li a {
	display: inline-block;
	margin: 0 1px 1px 0;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #aaa;
	text-decoration: none;
	vertical-align: middle;
}

#main .pageNav04c li a:hover {
	background: #eeeff7;
	border-color: #00f;
}









/*検索
---------------------------------------------------------------------------*/



input.example1, select {
width: 300px;
font-size: 150%;
}
textarea {
width: 300px;
height: 7em;
}

input, select, textarea {
background-color: #ffffff;
font-size: 190%;
}
option.example2 {
background-color: #ffffff;
}

#main #serch {
	position: relative;
	width: 100%;
	background-image: url(images/serbg.jpg);	/*ヘッダーの背景画像*/
	background-repeat: no-repeat;
	background-position: top;
	height: 100px;
}


#main #serch #ser {

	width:50px;
	position: relative;
	top: -105px;	/*ヘッダーのボックスに対して上から0pxに位置に配置*/
	left: 280px;	/*ヘッダーのボックスに対して右から0pxに位置に配置*/
}



#main #ser2{
	font-size: 10px;	/*h1タグの文字の大きさ*/
	font-weight: normal;
	position: relative;
	top: -70px;	/*ヘッダーのボックスに対して上から0pxに位置に配置*/
	left: -39px;	/*ヘッダーのボックスに対して右から0pxに位置に配置*/
}

#main #serch #ser5{
	font-size: 10px;	/*h1タグの文字の大きさ*/
	font-weight: normal;
	position: relative;
	top: -77px;	/*ヘッダーのボックスに対して上から0pxに位置に配置*/
	left: -39px;	/*ヘッダーのボックスに対して右から0pxに位置に配置*/
}

#main #word{
	font-size: 10px;	/*h1タグの文字の大きさ*/
	font-weight: normal;
	position: relative;
	top: -159px;	/*ヘッダーのボックスに対して上から0pxに位置に配置*/
	left: 190px;	/*ヘッダーのボックスに対して右から0pxに位置に配置*/
}


#main #serch_icon {
	font-size: 10px;	/*h1タグの文字の大きさ*/
	font-weight: normal;
	position: relative;
	top: -50px;	/*ヘッダーのボックスに対して上から0pxに位置に配置*/
	left: 100px;	/*ヘッダーのボックスに対して右から0pxに位置に配置*/




}








/*RSS
---------------------------------------------------------------------------*/

.feed{font-size : 15px;}

.feed2{font-size : 13px;}


div#rss_s {  
text-align: left;

}  

#rss_s a {
	color: #00008b;
   	text-decoration:none;

}

#rss1 a {
	color: #333;
   	text-decoration:none;

}

#blog_name a{
	color: #663300;
}

.rss_visit{
color: #4782f4; 
}



#rss2 a {
	color: #005d60;
   	text-decoration:none;
}


#category {
	font-size: 13.3px;
   	text-decoration: none;
}

#category a {
	color: #333333;
   	text-decoration:none;
}



#site a {
	color:#00416b;
   	text-decoration: none;
}



/*カーソルオーバー時のリンクカラー*/
#rss1 a:hover {
	color: red;
	text-decoration: none;	/*下線を消す設定。残したままがいいならこの１行を削除。*/
}

#rss2 a:hover {
	color: red;
	text-decoration: none;	/*下線を消す設定。残したままがいいならこの１行を削除。*/
}








/* --- ページングエリア --- */
div.paging {
margin: 20px 0;
}

/* --- メニューエリア --- */
div.paging ul.nl {
margin: 0;
padding: 4px 0; /* メニューのパディング（上下、左右） */
list-style-type: none;
text-align: center; /* メニューのセンタリング */
font-size: 80%; /* メニューの文字サイズ */
}
/* --- メニュー項目 --- */
div.paging ul.nl li {
display: inline;
margin-right: -1px; /* 項目の右マージン */
}

/* --- リンク --- */
div.paging ul.nl li a {
display: inline-block;
padding: 4px 8px; /* リンクエリアのパディング（上下、左右） */
background: #f9f9f9 url(images/page_gen.gif) repeat-x top; /* リンクエリアの背景 */
border: 1px #c0c0c0 solid; /* リンクエリアの境界線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.paging ul.nl li a:hover {
background: #004080 url(images/page_act.gif) repeat-x top; /* ポイント時の背景 */
border: 1px #000080 solid; /* ポイント時の境界線 */
text-decoration: underline; /* テキストの下線（あり） */
color: #ffffff; /* ポイント時の文字色 */
}

/* --- アクティブな項目 --- */
div.paging ul.nl li strong {
display: inline-block;
padding: 4px 8px; /* 項目のパディング（上下、左右） */
background: #004080 url(images/page_act.gif) repeat-x top; /* 項目の背景 */
border: 1px #000080 solid; /* 項目の境界線 */
color: #ffffff; /* 項目の文字色 */
}

/* --- リンクしない項目（前へ・次へ） --- */
div.paging ul.nl li span {
display: inline-block;
padding: 4px 8px; /* 項目のパディング（上下、左右） */
background: #f9f9f9 url(images/page_gen.gif) repeat-x top; /* 項目の背景 */
border: 1px #c0c0c0 solid; /* 項目の境界線 */
color: #808080; /* 項目の文字色 */
}
