@charset "UTF-8";

* {margin: 0; padding: 0;}

a:link {color:#006699 ; text-decoration:none;}
a:visited {color:#006699; text-decoration:none;}
a:hover {color:maroon; text-decoration:underline;}
a:focus {color:#006699 ; text-decoration:none;}
a:active {color:#006699 ; text-decoration:none;}

img {border: 0px ; }

h2.color_job_birthday {color:#555555 ; }
h2.page_title {color:maroon; font:bold 20px "メイリオ","ＭＳ Ｐゴシック"; margin:20px 0 0 0; text-align:center; }

h3 {color:black; font:bold 18px "メイリオ","ＭＳ Ｐゴシック"; }
h3.index_title {color:black; font:bold 18px "メイリオ","ＭＳ Ｐゴシック"; text-align:left; margin:30px 0 16px 0;}

h4 {font:bold 16px "メイリオ","ＭＳ Ｐゴシック"; color:white;  margin:0 20px 0px 20px; }
h4.explanation {color:#00ccff; font:bold 16px "メイリオ","ＭＳ Ｐゴシック"; text-align:center; margin:20px 0 20px 0;}

h5 {color:#006699; font:bold 14px "メイリオ","ＭＳ Ｐゴシック"; }
h5.kanren_goku {color:#555555; font:bold 14px/160% "メイリオ","ＭＳ Ｐゴシック"; margin:0; }
h5 a:hover {color:fuchsia; text-decoration:underline;}

h6 {font:bold 13px "メイリオ","ＭＳ Ｐゴシック"; color:white; }


a.birth_year:link {color: #818181 ; text-decoration:none;}
a.birth_year:visited {color: #818181; text-decoration:none;}
a.birth_year:hover {color:maroon; text-decoration:underline;}
a.birth_year:focus {color: #818181; text-decoration:none;}
a.birth_year:active {color: #818181; text-decoration:none;}

table.index_box {margin:0 0 0 40px; }

.font_weight_normal {font-weight:normal ; }
.font_weight_bold {font-weight:bold ; }

.font_size_12px {font-size:12px ; }
.font_size_13px {font-size:13px ; }
.font_size_14px {font-size:14px ; }

.margin_left_10px {margin:0 10px 0 0; }
.margin_left_12px {margin:0 12px 0 0; }
.margin_left_16px {margin:0 16px 0 0; }
.margin_left_20px {margin:0 20px 0 0; }
.margin_left_26px {margin:0 26px 0 0; }
.margin_left_30px {margin:0 30px 0 0; }
.names_gap {margin:0 12px 0 0; }

#width_4percent {width:4% ; }
#width_6percent {width:6% ; }
#width_8percent {width:8% ; }
#width_9percent {width:9% ; }
#width_10percent {width:10% ; }
#width_12percent {width:12% ; }
#width_15percent {width:15% ; }
#width_17percent {width:17% ; }
#width_20percent {width:20% ; }
#width_26percent {width:26% ; }
#width_30percent {width:30% ; }
#width_35percent {width:35% ; }
#width_37percent {width:37% ; }
#width_40percent {width:40% ; }
#width_45percent {width:45% ; }
#width_50percent {width:50% ; }
#width_60percent {width:60% ; }
#width_90percent {width:90% ;}

.width_4percent {width:4% ; }
.width_5percent {width:5% ; }
.width_6percent {width:6% ; }
.width_8percent {width:8% ; }
.width_9percent {width:9% ; }
.width_10percent {width:10% ; }
.width_12percent {width:12% ; }
.width_13percent {width:13% ; }
.width_14percent {width:14% ; }
.width_15percent {width:15% ; }
.width_17percent {width:17% ; }
.width_20percent {width:20% ; }
.width_26percent {width:26% ; }
.width_30percent {width:30% ; }
.width_37percent {width:37% ; }
.width_45percent {width:45% ; }
.width_50percent {width:50% ; }
.width_60percent {width:60% ; }
.width_90percent {width:90% ;}
.width_10percent {width:10% ; }

.maximum_width_300px {max-width:300px }

.backgroundcolor_white {background-color: white ; }
.backgroundcolor_99ccff {background-color: #99ccff ; }

.textalign_left {text-align:left ; }
.textalign_center {text-align:center ; }
.textalign_right {text-align:right ; }

.verticalalign_top {vertical-align:top ; }
.verticalalign_middle {vertical-align:middle ; }
.verticalalign_bottom {vertical-align:bottom ; }

.textalign_center_verticalalign_top {text-align:center ; vertical-align:top ; }
.textalign_center_verticalalign_middle {text-align:center ; vertical-align:middle ; }
.textalign_center_verticalalign_bottom {text-align:center ; vertical-align:bottom ; }

.height4px {height:4px ; }
.height6px {height:6px ; }
.height10px {height:10px ; }
.height12px {height:12px ; }
.height13px {height:13px ; }
.height14px {height:14px ; }
.height15px {height:15px ; }
.height16px {height:16px ; }
.height20px {height:20px ; }
.height22px {height:22px ; }
.height24px {height:24px ; }
.height26px {height:26px ; }
.height30px {height:30px ; }
.height38px {height:38px ; }
.height40px {height:40px ; }
.height45px {height:45px ; }
.height50px {height:50px ; }
.height60px {height:60px ; }
.height70px {height:70px ; }
.height80px {height:80px ; }
.height90px {height:90px ; }
.height100px {height:100px ; }
.height110px {height:110px ; }
.height120px {height:120px ; }
.height130px {height:130px ; }
.height140px {height:140px ; }
.height150px {height:150px ; }
.height600px {height:600px ; }
.height750px {height:750px ; }
.height1000px {height: 1000px ; }
.height1400px {height: 1400px ; }


/*ブックマークボタンの設定*/
.social_bookmarks {text-align:right; margin:10px 20px 10px 10px; }

p.persons {margin:0 0 20px 20px; }

a.person_name:link {color:#006699; font:normal 12px "メイリオ","ＭＳ Ｐゴシック"; text-decoration:none; padding:0; margin:0; }
a.person_name:visited {color:#006699; text-decoration:none;}
a.person_name:hover {color:#556b2f; text-decoration:underline;}
a.person_name:focus {color:#006699; text-decoration:none;}
a.person_name:active {color:#006699; text-decoration:none;}

a.umareta_toshi:link {font:normal 12px/130% "メイリオ","ＭＳ Ｐゴシック"; color:black; margin:0; text-decoration:none; }
a.umareta_toshi:visited {color:black; text-decoration:none; }
a.umareta_toshi:hover {color:#006699; text-decoration:underline; }
a.umareta_toshi:focus {color:black; text-decoration:none; }
a.umareta_toshi:active {color:black; text-decoration:none; }

a.header_tanjobi_today:link {font:bold 11px/260% "メイリオ","MS P ゴシック"; letter-spacing:0px; word-spacing:2px; color:#ff8040; margin:0 0 8px 0; text-align:center; vertical-align:middle;text-decoration:none; }
a.header_tanjobi_today:visited {text-decoration:none; color:#ff8040; }
a.header_tanjobi_today:hover {text-decoration:underline; color:maroon; }
a.header_tanjobi_today:focus {text-decoration:none; color:#ff8040; }
a.header_tanjobi_today:active {text-decoration:none; color:#ff8040; }

a.table_header_title_link:link {font:bold 12px "メイリオ","MS P ゴシック"; letter-spacing:0px; word-spacing:2px; color:#ff8040; margin:0 0 8px 0; text-align:center; vertical-align:middle;text-decoration:none; }
a.table_header_title_link:visited {text-decoration:none; color:#ff8040; }
a.table_header_title_link:hover {text-decoration:underline; color:maroon; }
a.table_header_title_link:focus {text-decoration:none; color:#ff8040; }
a.table_header_title_link:active {text-decoration:none; color:#ff8040; }

.birthday_today {font:normal 12px/130% "メイリオ","ＭＳ Ｐゴシック"; color:black; margin:0 8px 14px 8px; }
.birthday_today_job {font:normal 11px/130% "メイリオ","ＭＳ Ｐゴシック"; color:#888888; margin:0 0 0 44px; }

ol.color_orange {font:normal 12px/130% "メイリオ","MS P ゴシック"; color:orange; margin:0 6px 16px 30px; text-align:left; }

li.ninki_jinmei  {margin:0 0 0 14px; text-align:left; }
li.ninki_search_words  {font:normal 12px/130% "メイリオ","MS P ゴシック"; color:green; margin:0 6px 16px 30px; text-align:left; }
li.jinmei_ranking  {font:normal 12px/130% "メイリオ","MS P ゴシック"; color:black; margin:0 6px 16px 10px; text-align:left; }

a.jinmei_link:link {font:normal 12px/130% "メイリオ","MS P ゴシック"; color:#006699; margin:0; text-align:left; text-decoration:none ; }
a.jinmei_link:visited { color:#006699; text-decoration:none ; }
a.jinmei_link:hover { color:#006699; text-decoration:underline ; }
a.jinmei_link:focus { color:#006699; text-decoration:none ; }
a.jinmei_link:active { color:#006699; text-decoration:none ; }

a.color_white:link {color:white; margin:0; text-align:left; text-decoration:none ; }
a.color_white:visited { color:white; text-decoration:none ; }
a.color_white:hover { color:maroon; text-decoration:underline ; }
a.color_white:focus { color:white; text-decoration:none ; }
a.color_white:active { color:white; text-decoration:none ; }


/*広告の設定*/
.arrow_for_ads {font:bold 11px "メイリオ","MS P ゴシック"; color:#333333; margin:0 20px 12px 20px; border-style:none; display:block; border-radius:3px ; background-color:tan ; width:86%; height:14px; padding:3px 10px 3px 40px; text-align: left; vertical-align:middle; text-shadow: 1px 1px 1px #c0c0c0 ;}
.google_ads_top {margin-top:10px; width:680px;}

img.amazon_banner_horizontal {max-width:700px;}

/*下部リンク設定*/
a.copyright_link:link {color: #a7a7a7; font-weight:normal; font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; text-decoration:none; }
a.copyright_link:visited {color: #a7a7a7; text-decoration:none; }
a.copyright_link:hover {color: maroon; text-decoration:underline; }
a.copyright_link:focus {color: #a7a7a7; text-decoration:none; }
a.copyright_link:active {color: #a7a7a7; text-decoration:none; }

a.links_footer:link {font:bold 12px arial; color:gray; text-decoration:none; }
a.links_footer:visited {color:gray; text-decoration:none; }
a.links_footer:hover {color:maroon; text-decoration:underline; }
a.links_footer:focus {color:gray; text-decoration:none; }
a.links_footer:active {color:gray; text-decoration:none; }


/*全体の設定
---------------------------------------------------------------------------*/
body {
	color: #666;
	margin: 0px;
	padding: 0px;
	font: 14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック";
	background: #FFF; //url(../images/bg.jpg) no-repeat center top;
}
p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

.torikeshi_sen {text-decoration: line-through; color:red;}
.color_666666 {color:#666666;}
.color_999999 {color:#999999;}
.color_black {color:black;}
.color_red {color:red;}
.color_green {color:green;}
.color_maroon {color:maroon;}
.color_coral {color:coral;}

/*取り消し線の色を赤にし、spanで囲まれた文字は赤にしない設定*/
del {color:red;} span {color:#666666;}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #666;
}
a:hover {
	color: #333;
	text-decoration: underline;
}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	width: 990px;	/*コンテナー幅*/
	margin-right: auto;
	margin-left: auto;
}

/*ヘッダー（サイトロゴが入ったブロック）
---------------------------------------------------------------------------*/
header {
	height: 4px;
	width: 100%;
	position: relative;
}

header h6 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 248px;
	text-align: center;
	background: #f695a2 url(../images/bg1.png);
	border-radius: 0 0 5px 5px;
	border-right: 1px solid rgba(255,255,255,0.5);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	border-left: 1px solid rgba(255,255,255,0.5);
	padding: 90px 0px;
}

/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	clear: left;
}

/*メインコンテンツ（右側ブロック）
---------------------------------------------------------------------------*/
#main {
	width: 700px;
	float: right;
	padding-bottom: 30px;
}

#main h1 {
	clear: both;
	background-color: #f695a2;
	background: url(../images/round1.png) no-repeat 10px center, #f695a2 url(../images/bg1.png);
	border-radius: 5px;	/*角丸のサイズ*/
	border: 1px solid rgba(255,255,255,0.5);
	font-size: 22px;
	color: #FFF;
	padding: 3px 0px 3px 40px;
	margin:30px 2px 20px 0;
}

#main h2 {
	background-color: #FFF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f4f4f4));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#FFF, #e8e8e8);
	background-image: linear-gradient(#FFF, #e8e8e8);
	font-size: 20px;
	padding: 3px 15px;
	border-radius: 5px;
	clear: both;
	border: 1px solid #f695a2;
	color: #f695a2;
}

#main h3 {
	padding: 2px 0px 2px 10px;
	font-size: 18px;
	border-bottom: 1px solid #CCC;
	border-left: 3px solid #f695a2;
	margin-bottom: 0.5em;
	color: #000;
}

#main p {
	padding: 0.5em 10px 1em;
}

#main li.ninki_jinmei {font:normal 14px "メイリオ","ＭＳ Ｐゴシック"; color:#333333; margin:6px 0 30px 14px; text-align:left;background: url(../images/arrow9.png) no-repeat 8px 7px;padding: 5px 0px 5px 30px; }


.amazon_banner_ad {max-width:96%; }
.ninja_onebutton {margin:30px 10px 30px 10px; }
.background_color_e695a9 {background: #e695a9;}

/*サブコンテンツ（左側ブロック）
---------------------------------------------------------------------------*/
#sub {
	float: left;
	width: 250px;
	padding-bottom: 30px;
}

#sub h6 {
	padding: 8px 12px;
	font:bold 13px "メイリオ","ＭＳ Ｐゴシック";
	color: #FFF;
	background-color: #f695a2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f695a2), to(#db7093));
	background-image: -webkit-linear-gradient(#f695a2, #db7093);
	background-image: linear-gradient(#f695a2, #db7093);
	border-bottom: 5px solid #d3d3d3;
}

/*box1設定*/
#sub .box1 {
	border: 1px solid #c9c9c9;
	border-radius: 5px;
	padding: 10px;
	background-color: #FFF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f6f6f6));
	background-image: -webkit-linear-gradient(#FFF, #f6f6f6);
	background-image: linear-gradient(#FFF, #f6f6f6);
}

#sub a.link_in_sub {font:normal 13px "メイリオ","ＭＳ Ｐゴシック";color:#006699; margin:0; text-align:left; }
#sub a.jump_to_list {font:normal 11px "メイリオ","ＭＳ Ｐゴシック"; color:#006699; }
#sub li.url_links {font:normal 13px "メイリオ","ＭＳ Ｐゴシック"; color:#333333; margin:6px 0 20px 8px; text-align:left;background: url(../images/arrow9.png) no-repeat 2px center;padding: 0 0px 0 25px; }


/*メインメニュー
---------------------------------------------------------------------------*/

#sub nav ul {
margin:266px 0 10px 0;
}

#sub nav ul li a {
	width: 213px;
	text-decoration: none;
	display: block;
	background: rgba(255,255,255,0.7) url(../images/arrow1.png) no-repeat 10px center;
	border: 1px solid #c9c9c9;
	border-radius: 5px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	margin-bottom: 1em;
	padding: 5px 0px 5px 35px;
}

#sub nav ul li a:hover {
	background: #f7f4cc url(../images/arrow1.png) no-repeat 12px center;
	border: 1px solid #818181;
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
footer .pr {
	display: block;
	font-size: 80%;
}
footer a {
	text-decoration: none;
}


/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
	width: 100%;
	margin: 30px 0 50px 0;
}
.ta1, .ta1 td, .ta1 th{
	border: 1px solid #c9c9c9;
}

.ta1 td{
	max-width: 300px;
	min-width: 10px;
	vertical-align: top;
	padding: 10px 4px 10px 4px;
}

.ta1 th{
	width: 200px;
	padding: 10px;
	text-align: center;
	color: #ffffff;
}

.ta1 a{font:normal 14px "メイリオ";
	text-align: left;
	color: #006699;
}


.ta1 th.tamidashi{
	width: auto;
	text-align: left;
	background: #e2dfd9;
}

.ta1 caption{
	padding: 10px;
	border-top: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
	text-align: left;
	font-weight: bold;
	background-color: #f7f4cc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f6e3), to(#f7f4cc));
	background-image: -webkit-linear-gradient(#f7f6e3, #f7f4cc);
	background-image: linear-gradient(#f7f6e3, #f7f4cc);
}


/*テーブル2
---------------------------------------------------------------------------*/
.ta2 {font-size:12px;
	width: 100%;
	margin: 30px 0 30px 0;
}
.ta2, .ta2 td, .ta2 th{
	border: 1px solid #c9c9c9;
}
/*テーブル内の右側*/
.ta2 td{
	max-width: 300px;
	min-width: 10px;
	vertical-align: top;
	padding: 6px 2px 6px 4px;
}

.ta2 th{
	padding: 6px 4px 6px 4px;
	text-align: center;
	background: #e695a9;
	color: #ffffff;
}

.ta2 th.tamidashi{
	width: auto;
	text-align: left;
	background: #e2dfd9;
}

.ta2 caption{
	padding: 10px;
	border-top: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
	text-align: left;
	font-weight: bold;
	background-color: #f7f4cc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f6e3), to(#f7f4cc));
	background-image: -webkit-linear-gradient(#f7f6e3, #f7f4cc);
	background-image: linear-gradient(#f7f6e3, #f7f4cc);
}


/*テーブル3
---------------------------------------------------------------------------*/
.ta3 {
	width: 100%;
	margin: 30px 0 50px 0;
}
.ta3, .ta3 td, .ta3 th{
	border: 1px solid #c9c9c9;
}

.ta3 td{
	max-width: 300px;
	min-width: 10px;
	vertical-align: top;
	padding: 8px 3px;
}

.ta3 th{
	padding: 8px 3px;
	text-align: center;
	background: #e695a9;
	color: #ffffff;
}

.ta3 th.tamidashi{
	width: auto;
	text-align: left;
	background: #e2dfd9;
}

.ta3 caption{
	padding: 10px;
	border-top: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
	text-align: left;
	font-weight: bold;
	background-color: #f7f4cc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f6e3), to(#f7f4cc));
	background-image: -webkit-linear-gradient(#f7f6e3, #f7f4cc);
	background-image: linear-gradient(#f7f6e3, #f7f4cc);
}

/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	clear: both;
	text-align: right;
}
#pagetop a {
	text-decoration: none;
	text-align: center;
	display: inline-block;
	width: 14em;
	font-size: 10px;
	letter-spacing: 0.1em;
	border-radius: 10px;
	border: 1px solid #c9c9c9;
}
#pagetop a:hover {
	border: 1px solid #818181;
}


/*その他
---------------------------------------------------------------------------*/
.look {
	background: #e8e8e8;
	color: #818181;
}
.mb1em {
	margin-bottom: 1em;
}
.mb15,
.mb15 {
	margin-bottom: 15px;
}
.clear {
	clear: both;
}
ul.disc {
	padding: 0em 25px 1em;
	list-style: disc;
}
.color1 {
	color: #FF0000;
}
.pr {
	font-size: 10px;
}
.btn {
	font-size: 13px;
}
.wl {
	width: 96%;
}
.ws {
	width: 50%;
}
.c {
	text-align: center;
}
.r {
	text-align: right;
}
.vam {
	vertical-align: middle;
}
figcaption {
	font-size: 11px;
}
.mini1 {
	font-size: 12px;
	line-height: 1.6;
}
img {
	max-width: 100%;
	height: auto;
}
#menubar_hdr {
	display: none;
}
img.fl {
	margin: 0px 10px 10px 0px;
	float: left;
}
img.fr {
	margin: 0px 0px 10px 10px;
	float: left;
}
.pn {
	display: none;	/*PC環境で表示させない設定*/
}


/*ここからタブレット用（481px～800px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:481px) and (max-width:800px){

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	width: auto;
}

/*ヘッダー（サイトロゴが入ったブロック）
---------------------------------------------------------------------------*/
header {
	position: static;
	height: auto;
}
/*ヘッダーロゴの設定*/
header h6 {
	position: static;
	width: 100%;
	padding: 30px 0px;
	border-radius: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	margin-right: 6px;
	margin-left: 6px;
	padding-top: 30px;
}

/*mainコンテンツ
---------------------------------------------------------------------------*/
#main {
	float: none;
	width: auto;
}

#main .google_ads_top {display:none; max-height:299px;}


/*subコンテンツ
---------------------------------------------------------------------------*/
#sub {
	float: none;
	width: auto;
}


.amazon_banner_ad_long {display:none; }


/*メインメニュー（タブレット・スマホ環境でのみ表示される）
---------------------------------------------------------------------------*/
/*各メニューの設定*/
nav#menubar ul li {
	float:left;
	width: 50%;
}
nav#menubar ul li a {
	width: auto;
	text-decoration: none;
	display: block;
	background: rgba(255,255,255,0.7) url(../images/arrow1.png) no-repeat 10px center;/*左のカンマ区切りの4つの数値は、左3つはRGBカラーでの色指定で4つめは透明度(0.7＝70％)。背景画像の読み込み、リピートしない、左から10px、上下中央に配置。*/
	border-bottom: 1px solid #c9c9c9;
	padding: 5px 0px 5px 35px;	/*左から、上、右、下、左への余白*/
}
/*奇数番目のメニューの設定*/
nav#menubar ul li:nth-child(odd) {
	border-right: 1px solid #c9c9c9;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/*マウスオン時の設定*/
nav#menubar ul li a:hover {
	background: #f7f4cc url(../images/arrow1.png) no-repeat 12px center;	/*背景色、背景画像の読み込み、リピートしない、左から12px、上下中央に配置。*/
}

/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
	width: 100%;
}

/*その他
---------------------------------------------------------------------------*/
/*<body class="s-n">指定の場合にsubブロックを表示させない設定*/
body.s-n #sub {
	display: none;
}
.pn {
	display: block;	/*PC環境で表示させない設定を表示させる*/
}
/*スマホとタブレットで表示させない設定*/
.stn {
	display: none;
}

}



/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 480px){

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	width: auto;
}

/*ヘッダー（サイトロゴが入ったブロック）
---------------------------------------------------------------------------*/
header {
	position: static;
	height: auto;
}
/*ヘッダーロゴの設定*/
header h6 {
	position: static;
	width: 100%;
	padding: 10px 0px;
	border-radius: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	margin-right: 6px;
	margin-left: 6px;
	padding-top: 30px;
}

.amazon_banner_ad {display:none ; }
.amazon_banner_ad_long {display:none; }
.arrow_for_ads {display:none ; }


/*mainコンテンツ
---------------------------------------------------------------------------*/
#main {
	float: none;
	width: auto;
}
/*mainコンテンツのh2タグの設定*/
#main h1 {
	background: none, #f695a2 url(../images/bg1.png);
	padding: 0px 0px 0px 10px;
	margin:10px 2px 20px 2px;
}

#main .google_ads_top {display:none; max-height:299px;}

.ninja_onebutton {margin:30px 10px 20px 10px; }


/*subコンテンツ
---------------------------------------------------------------------------*/
#sub {
	float: none;
	width: auto;
}


/*メインメニュー（タブレット・スマホ環境でのみ表示される）
---------------------------------------------------------------------------*/
/*各メニューの設定*/
nav#menubar ul li {
	float:left;
	width: 50%;
}
nav#menubar ul li a {
	width: auto;
	text-decoration: none;
	display: block;
	background: rgba(255,255,255,0.7) url(../images/arrow1.png) no-repeat 10px center;/*左のカンマ区切りの4つの数値は、左3つはRGBカラーでの色指定で4つめは透明度(0.7＝70％)。背景画像の読み込み、リピートしない、左から10px、上下中央に配置。*/
	border-bottom: 1px solid #c9c9c9;
	padding: 5px 0px 5px 35px;	/*左から、上、右、下、左への余白*/
}
/*奇数番目のメニューの設定*/
nav#menubar ul li:nth-child(odd) {
	border-right: 1px solid #c9c9c9;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/*マウスオン時の設定*/
nav#menubar ul li a:hover {
	background: #f7f4cc url(../images/arrow1.png) no-repeat 12px center;	/*背景色、背景画像の読み込み、リピートしない、左から12px、上下中央に配置。*/
}


/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
	width: 100%;
}
/*テーブル内の右側*/
.ta1 td{
	width: auto;
	padding: 2px;
}
/*テーブル内の左側の見出し部分*/
.ta1 th{
	width: 100px;
	padding: 2px;
}

/*テーブル2
---------------------------------------------------------------------------*/
.ta2 {
	width: 100%;
}
/*テーブル内の右側*/
.ta2 td{
	width: auto;
	padding: 2px;
}
/*テーブル内の左側の見出し部分*/
.ta2 th{
	width: 100px;
	padding: 2px;
}

/*テーブル3
---------------------------------------------------------------------------*/
.ta3 {
	width: 100%;
	font-size: 84%;
}
/*テーブル内の右側*/
.ta3 td{
	width: auto;
	padding: 2px;
}
/*テーブル内の左側の見出し部分*/
.ta3 th{
	width: 100px;
	padding: 2px;
}

/*その他
---------------------------------------------------------------------------*/
/*<body class="s-n">指定の場合にsubブロックを表示させない設定*/
body.s-n #sub {
	display: none;
}
/*メニュー折りたたみ設定*/
#menubar_hdr {
	display: none;
}
#menubar_hdr {
	display: inline;
	position: absolute;
	top: 0px;
	right: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e5e5e5));
	background-image: -webkit-linear-gradient(#fbfbfb, #e5e5e5);
	background-image: linear-gradient(#fbfbfb, #e5e5e5);
	padding: 10px;
	border: 1px solid #cfcfcf;
	border-radius: 0px 0px 6px 6px;
}
.pn {
	display: block;	/*PC環境で表示させない設定を表示させる*/
}
/*スマホとタブレットで表示させない設定*/
.stn {
	display: none;
}

}