@charset "shift_jis";
html {
	scrollbar-arrow-color:#cccccc;
	scrollbar-base-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-highlight-color:#cccccc;
	scrollbar-shadow-color:#cccccc;
	scrollbar-track-color:#ffffff;
}
body {
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	text-align: center;
	color: #333;
	margin-right: 0px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.contents {
	width: 950px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	background-color: #FFF;
	border: 1px solid #CCC;
	margin-top: 10px;
}
img {
    border-style:none;
}

/*ホバー時にリンクが赤くなるCSS*/
a:hover {
	color: #FF6633;
}
a:hover img {     filter: alpha(opacity=70);     -moz-opacity:0.7;    -khtml-opacity: 0.7;    opacity:0.7;}


/*スマートフォンのp部分の幅がおかしくなるのを防ぐ。urlの部分は適当なものをいれているので本来ならば推奨できない使用方法らしい。*/
p {background-image:url(image);}


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


/*タイトル文字の部分にトップページへのリンクを貼っているが、そのリンクが白くならないように指定しているCSS。idをかけて指定している。*/
#header_title_logo a:hover img { 
    filter: alpha(opacity=100);     -moz-opacity:1;    -khtml-opacity: 1;    opacity:1;}


#header_title_logo {
	background-color: #FFF;
	text-align: center;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#header_title_logo_shadow {
	background-color: #FFF;
	text-align: center;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../image_shoku2/title_image/index_title_shadow_background.jpg);
}#header_title_logo_shadow a:hover img { 
    filter: alpha(opacity=100);     -moz-opacity:1;    -khtml-opacity: 1;    opacity:1;}

#header_title_logo_table {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	border-collapse: collapse;
	height: 70px;
}
#sns_botton_box{
	text-align: right;
	height: 25px;
	width: 720px;
	clear: both;
	margin-top: 18px;
	}
#adsense_kensaku_box{
	text-align: right;
	height: 25px;
	width: 300px;
	clear: both;
	margin-top: 5px;
	}

#index_title_background {
	width: 100%;
	text-align: center;
	background-image: url(../image_shoku2/title_image/index_title_background.jpg);
}
#index_title_box {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}

#taikendan_title_background {
	width: 100%;
	background-image: url(../taikendan/image/taikendan_background.gif);
	margin-top: 0px;
}

/*投稿がなかったときに出る文面。プログラムファイル内*/
.no_posts {
	text-align: center;
	width: 480px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	font-size: 12px;
	border: 1px dotted #CCC;
	padding: 10px;
}



/*----------------
フッター
------------------*/
address {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 10px;
	color: #666666;
	margin-top: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
}.motomu {
	width: 250px;
	margin-top: 10px;
	font-size: 12px;
	line-height: 1.2em;
	color: #333;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	border-top-style: none;
}
.motomu p {
	width: 230px;
	margin-left: 10px;
}

/*フッター*/
#footer {
	height: 30px;
	width: 930px;
	background-image: url(../image_shoku2/base/footer/footer.gif);
	font-size: 12px;
	color: #FFF;
	padding-left: 20px;
	background-repeat: no-repeat;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 8px;
}

/*フッターのリンクを白色に*/
#footer .footer_text a {
	color: #FFF;
	text-decoration: none;
}

.footer_text {
	color: #FFF;
	font-size: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
}


#access_counter {
	width: 90px;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
	margin-left: 160px;
	font-size: 10px;
}



/*メニューバー部分*/
.menu_bar {
	display: block;
	height: 45px;
	width: 950px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #FFF;
}

.menu_bar ul {
	width: 950px;
	margin: 0px;
	padding: 0px;
}

.menu_bar ul li {
	display: block;
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.menu_bar ul li a {
	display: block;
	line-height: 45px;
	text-indent: -9999px;
	background-image: url(../image_shoku2/base/menu_bar/menu_bar_sprite2.jpg);
	background-repeat: no-repeat;
}

.menu_bar_background {
	width: 100%;
	background-image: url(../image_shoku2/base/menu_bar/menu_bar_background2.jpg);
	background-repeat: repeat-x;
	height: 45px;
	background-color: #FFF;
}

#home a{
	width: 159px;
	height: 45px;
	background-position: 0px 0px;
}
#home a:hover{ width:159px; height:45px; background-position:0px -50px; }


#itiran_50 a{ width:159px; height:45px; background-position:-159px 0px; }
#itiran_50 a:hover{ width:159px; height:45px; background-position:-159px -50px; }


#itiran_kei a{ width:159px; height:45px; background-position:-318px 0px; }
#itiran_kei a:hover{ width:159px; height:45px; background-position:-318px -50px; }


#taikendan a{ width:159px; height:45px; background-position:-477px 0px; }
#taikendan a:hover{ width:159px; height:45px; background-position:-477px -50px; }


#interview a{ width:159px; height:45px; background-position:-636px 0px; }
#interview a:hover{ width:159px; height:45px; background-position:-636px -50px; }


#otoiawase a{ width:155px; height:45px; background-position:-795px 0px; }
#otoiawase a:hover{ width:155px; height:45px; background-position:-795px -50px;  }
