/*----------画像センタリング----------*/
.img-center {display: block; margin: 10px auto;}
.text-center {text-align: center;}

/*----------ページ最上部h1----------*/
h1 {
  color: #fff;
  font-size: 80%;
  line-height: 1;
  margin: 0;
  padding: 3px 10px;
  font-weight: normal;
  text-align: right;
}

/*----------背景色指定（h1、見出し背景など）----------*/
.bg-red {background: #c60000;} /*--赤--*/
.bg-blue {background: #00468b;} /*--青--*/
.bg-green {background: #00782d;} /*--緑--*/
.bg-orange {background: #fe7816;} /*--オレンジ--*/
.bg-gold {background: #807109;} /*--ゴールド--*/
.bg-black {background: #222;} /*--黒--*/
.bg-yellow {background: #ffcc00;} /*--黒--*/


body {
margin: 0;
padding: 0;
color: #333;
background: #fff;
}

img {margin: 0 auto!important; padding: 0;}

.head {
width: 100%;
margin: 0 auto;
padding: 20px 0 20px;
border-top: 5px solid #0e3558;
border-bottom: 1px solid #eee;
background: #f8f8f5;
}

.head div {
max-width: 880px;
margin: 0 auto;
text-align: center;
}

@media screen and (min-width: 768px) {
.head div {text-align: left; padding; 0 10px;}
img.logo {padding-top: 5px;}
img.seal {float: right;}
}

#gazo {
-webkit-box-shadow: 0 0 15px 1px #cccccc;
box-shadow: 0 0 15px 1px #cccccc;
}

.banner {
padding: 30px 0 30px;
}

img.rnk_text {padding: 20px 0 0 220px;}

.bd {border: 1px solid #ccc;}
.pd30 {padding: 30px;}

.contents {
max-width: 880px;
margin: 30px auto;
padding: 10px 0;
text-align:justify;
background: #fff;
}

img {margin: 0 auto;}

.contents p {margin: 1em 2%;}

@media screen and (min-width: 768px) {
.contents p {
font-size: 1.2em;
line-height: 1.5;
margin: 1em 50px;
}
}

.sh {
border-top: 3px dotted #ccc;
border-bottom: 3px dotted #ccc;
font-size: 2em;
padding: 30px 0;
margin: 30px 0;
color: #cc0000;
text-align: center;
}

/*----------ランキング枠線共通----------*/
[class*="rnk-"] {
margin: 10px auto;
padding: 30px 10px;
text-align: center;
border-style: solid;
border-width: 5px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.rnk-1 {border-color:#a9a169;}
.rnk-2 {border-color:#c9c9c9;}
.rnk-3 {border-color:#c0ae8a;}
.rnk-4, .rnk-5, .rnk-6, .rnk-7, .rnk-8, .rnk-9, .rnk-10 {border-color:#ddd;}

.rnk_left img.rnk_img {
padding-right: 10px;}

/*----------H2商品名、会社名----------*/
h2 {
line-height: 1.5;
font-size: 2.4em;
padding: 0;
margin: 0;
color: #006a9d;
}

.copy {
line-height: 1.5;
font-size: 1.4em;
padding: 0;
margin: 0;
color: #cc0000;
font-weight: bold;
}

.point {
border: 1px solid #dcb137;
display: inline-block;
width: 100%;
margin: 10px 0;
padding: 10px;
background: url(../img2/point.png) no-repeat 10px 50%;
}

.point ul{
margin: 15px 0;
padding: 0 0 0 100px;
line-height: 1.5;
}

.comment {
font-size: 90%;
padding: 10px 0;
}

.btn-text {
font-size: 1.4em;
margin: 0;
line-height: 1;
vertical-align: -2px;
}

.btn-green {
width: 80%;
display: block;
background: #3a8702;
padding: 10px;
margin: 50px auto !important;
-webkit-box-shadow: 0 0 15px 1px #cccccc;
box-shadow: 0 0 15px 1px #cccccc;
}

.btn-green:hover {background: #ff9900;}

/*----------見出しスタイル----------*/
.check {
background: url(../img2/check.gif) no-repeat left;
padding: 40px 0 40px 45px;
line-height: 1.25;
font-size: 1.4em;
}

.square {
	margin: 30px 0;
	padding: 0 0 0 15px;
	font-size: 1.4em;
	line-height: 50px;
	height: 50px;
	border-left: 50px solid 
}

.label {
	margin: 30px 0;
	padding: 10px 0 10px 20px;
	font-size: 1.4em;
	line-height: 1.5;
	background: #fff;
	-webkit-box-shadow: 0 0 10px 0 #eee;
	box-shadow: 0 0 10px 0 #eee;
	border-left: 10px solid 
}


/*----------フッター共通----------*/
#footer {
text-align: center;
padding: 30px 0;
margin: 0 auto;
clear: both;
color: #666;
font-size: 90%;
}

/*----------テキスト装飾----------*/
.white {color: #fff;}
.red {color: #c60000;}
.blue {color: #00468b;}
.green {color: #00782d;}
.orange {color: #fe7816;}
.gold {color: #807109;}

.b {
	font-weight: bold;
	font-size: 1.6em;
}

.bb {
	font-weight: bold;
	font-size: 1.8em;
}

.line {background: #fce89a;}

/*----------見出し共通----------*/
[class*="header-"] {
  padding: 10px;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/*----------見出し背景----------*/
.header-red {background: #c60000;}
.header-blue {background: #00468b;}
.header-green {background: #00782d;}
.header-orange {background: #fe7816;}
.header-gold {background: #807109;}

/*----------コンテンツ枠線共通----------*/
[class*="border-"] {
padding: 10px 30px;
margin-bottom: 30px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

/*----------コンテンツ枠線スタイル----------*/
.border-blue {border: 5px solid #d9e7f1;} /*--青--*/
.border-green {border: 5px solid #3a8702;} /*--緑--*/
.border-pink {border: 5px solid #ffb0b3;} /*--ピンク--*/
.border-yellow {border: 5px solid #ffcc00;} /*--黄--*/
.border-bage {border: 5px solid #faebd7;} /*--ベージュ--*/

/*----------コンテンツ枠 破線スタイル----------*/
.border-blue-dot {border: 5px dotted #d9e7f1;} /*--青--*/
.border-green-dot {border: 5px dotted #a6e9bf;} /*--緑--*/
.border-pink-dot {border: 5px dotted #ffb0b3;} /*--ピンク--*/
.border-yellow-dot {border: 5px dotted #ffcc00;} /*--黄--*/
.border-bage-dot {border: 5px dotted #faebd7;} /*--ベージュ--*/

/*----------コンテンツ枠シャドウスタイル----------*/
.shadow
{
padding: 10px 40px;
margin-bottom: 30px;
background: #fff;
-webkit-box-shadow: 0 0 30px 0 #eee;
box-shadow: 0 0 30px 0 #eee;
}

/*----------左寄せ、右寄せ----------*/
.pull-left {margin-right: 15px; margin-bottom: 15px;}
.pull-right {margin-left: 15px; margin-bottom: 15px;}

hr {
border: none;
clear: both;
margin: 0;
padding: 0;
height: 30px;
display: block;
background: none;
}

/*----------Font Awsome----------*/

@font-face {
  font-family: "FontAwesome";
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.eot');
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.eot?#iefix') format('eot'),
       url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.woff') format('woff'),
       url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.ttf') format('truetype'),
       url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
}

/*-----テキストの前にアイコンを表示させる-----*/

.car:before {
content: "\f1b9";
font-family: FontAwesome;
}	/*-----車-----*/

.bank:before {
content: "\f19c";
font-family: FontAwesome;
}	/*-----銀行-----*/

.bar-chart:before {
content: "\f080";
font-family: FontAwesome;
}	/*-----棒グラフ-----*/

.arrow-circle-right:before {
content: "\f0a9";
font-family: FontAwesome;
}	/*-----白抜き矢印右-----*/

.arrow-circle-left:before {
content: "\f0a8";
font-family: FontAwesome;
}	/*-----白抜き矢印左-----*/

.arrow-left:before {
content: "\f060";
font-family: FontAwesome;
}	/*-----矢印右-----*/

.arrow-right:before {
content: "\f061";
font-family: FontAwesome;
}	/*-----矢印左-----*/

.amazon:before {
content: "\f270";
font-family: FontAwesome;
}	/*-----amazonロゴ-----*/

.vsign:before {
content: "\f209";
font-family: FontAwesome;
}	/*-----Vサイン-----*/

.angle-down:before {
content: "\f107";
font-family: FontAwesome;
}	/*-----下へ-----*/

.angle-up:before {
content: "\f106";
font-family: FontAwesome;
}	/*-----上へ-----*/

.angle-left:before {
content: "\f104";
font-family: FontAwesome;
}	/*-----左へ-----*/

.angle-right:before {
content: "\f105";
font-family: FontAwesome;
}	/*-----右へ-----*/

.bicycle:before {
content: "\f206";
font-family: FontAwesome;
}	/*-----自転車-----*/

.birthday-cake:before {
content: "\f1fd";
font-family: FontAwesome;
}	/*-----バースデーケーキ-----*/

.bomb:before {
content: "\f1e2";
font-family: FontAwesome;
}	/*-----爆弾-----*/

.book:before {
content: "\f02d";
font-family: FontAwesome;
}	/*-----本-----*/

.briefcase:before {
content: "\f0b1";
font-family: FontAwesome;
}	/*-----鞄-----*/

.building:before {
content: "\f1ad";
font-family: FontAwesome;
}	/*-----ビル-----*/

.calendar:before {
content: "\f073";
font-family: FontAwesome;
}	/*-----カレンダー-----*/

.camera:before {
content: "\f030";
font-family: FontAwesome;
}	/*-----カメラ-----*/

.amex:before {
content: "\f1f3";
font-family: FontAwesome;
}	/*-----AMEXロゴ-----*/

.diners-club:before {
content: "\f24c";
font-family: FontAwesome;
}	/*-----ダイナースロゴ-----*/

.mastercard:before {
content: "\f1f1";
font-family: FontAwesome;
}	/*-----マスターカードロゴ-----*/

.visa:before {
content: "\f1f0";
font-family: FontAwesome;
}	/*-----VISAロゴ-----*/

.paypal:before {
content: "\f1f4";
font-family: FontAwesome;
}	/*-----PayPalロゴ-----*/

.jcb:before {
content: "\f24b";
font-family: FontAwesome;
}	/*-----JCBロゴ-----*/

.check:before {
content: "\f00c";
font-family: FontAwesome;
}	/*-----チェックマーク-----*/

.check-circle:before {
content: "\f05d";
font-family: FontAwesome;
}	/*-----チェックマーク丸-----*/

.check-square:before {
content: "\f046";
font-family: FontAwesome;
}	/*-----チェックマーク四角-----*/

.chain:before {
content: "\f0c1";
font-family: FontAwesome;
}	/*-----鎖-----*/

.child:before {
content: "\f1ae";
font-family: FontAwesome;
}	/*-----子供-----*/

.clock-:before {
content: "\f017";
font-family: FontAwesome;
}	/*-----時計-----*/

.cloud-download:before {
content: "\f0ed";
font-family: FontAwesome;
}	/*-----クラウドダウンロード-----*/

.coffee:before {
content: "\f0f4";
font-family: FontAwesome;
}	/*-----コーヒー-----*/

.gears:before {
content: "\f085";
font-family: FontAwesome;
}	/*-----歯車-----*/

.comment:before {
content: "\f075";
font-family: FontAwesome;
}	/*-----コメント-----*/

.credit-card:before {
content: "\f09d";
font-family: FontAwesome;
}	/*-----クレジットカード-----*/

.cut:before {
content: "\f0c4";
font-family: FontAwesome;
}	/*-----ハサミ-----*/

.cutlery:before {
content: "\f0f5";
font-family: FontAwesome;
}	/*-----カトラリー-----*/

.database:before {
content: "\f1c0";
font-family: FontAwesome;
}	/*-----データベース-----*/

.desktop:before {
content: "\f108";
font-family: FontAwesome;
}	/*-----デスクトップ-----*/

.laptop:before {
content: "\f109";
font-family: FontAwesome;
}	/*-----ラップトップ-----*/

.diamond:before {
content: "\f219";
font-family: FontAwesome;
}	/*-----ダイアモンド-----*/

.download:before {
content: "\f019";
font-family: FontAwesome;
}	/*-----ダウンロード-----*/

.mail-black:before {
content: "\f0e0";
font-family: FontAwesome;
}	/*-----メール黒-----*/

.mail-white:before {
content: "\f003";
font-family: FontAwesome;
}	/*-----メール白-----*/

.eye:before {
content: "\f06e";
font-family: FontAwesome;
}	/*-----目-----*/

.exclamation:before {
content: "\f071";
font-family: FontAwesome;
}	/*-----注意-----*/

.external-link:before {
content: "\f08e";
font-family: FontAwesome;
}	/*-----別ウィンドウで-----*/

.lock:before {
content: "\f023";
font-family: FontAwesome;
}	/*-----南京錠-----*/

.facebook:before {
content: "\f082";
font-family: FontAwesome;
}	/*-----Facebookロゴ-----*/

.feed:before {
content: "\f09e";
font-family: FontAwesome;
}	/*-----フィード-----*/

.female:before {
content: "\f182";
font-family: FontAwesome;
}	/*-----女性-----*/

.file:before {
content: "\f016";
font-family: FontAwesome;
}	/*-----ファイル-----*/

.file-text:before {
content: "\f0f6";
font-family: FontAwesome;
}	/*-----テキストファイル-----*/

.film:before {
content: "\f008";
font-family: FontAwesome;
}	/*-----フィルム-----*/

.flag:before {
content: "\f024";
font-family: FontAwesome;
}	/*-----旗-----*/

.flask:before {
content: "\f0c3";
font-family: FontAwesome;
}	/*-----フラスコ-----*/

.folder:before {
content: "\f07b";
font-family: FontAwesome;
}	/*-----フォルダ黒-----*/

.folder-white:before {
content: "\f114";
font-family: FontAwesome;
}	/*-----フォルダ白-----*/

.folder-open:before {
content: "\f07c";
font-family: FontAwesome;
}	/*-----開いたフォルダ黒-----*/

.folder-open-white:before {
content: "\f115";
font-family: FontAwesome;
}	/*-----開いたフォルダ白-----*/

.glass:before {
content: "\f000";
font-family: FontAwesome;
}	/*-----カクテルグラス-----*/

.globe:before {
content: "\f0ac";
font-family: FontAwesome;
}	/*-----地球-----*/

.graduation-cap:before {
content: "\f19d";
font-family: FontAwesome;
}	/*-----角帽-----*/

.hand-left:before {
content: "\f0a5";
font-family: FontAwesome;
}	/*-----指差し左-----*/

.hand-right:before {
content: "\f0a4";
font-family: FontAwesome;
}	/*-----指差し右-----*/

.headphones:before {
content: "\f025";
font-family: FontAwesome;
}	/*-----ヘッドホン-----*/

.heart:before {
content: "\f004";
font-family: FontAwesome;
}	/*-----ハート-----*/

.home:before {
content: "\f015";
font-family: FontAwesome;
}	/*-----家-----*/

.history:before {
content: "\f1da";
font-family: FontAwesome;
}	/*-----履歴-----*/

.instagram:before {
content: "\f16d";
font-family: FontAwesome;
}	/*-----インスタグラムロゴ-----*/

.key:before {
content: "\f084";
font-family: FontAwesome;
}	/*-----鍵-----*/

.male:before {
content: "\f183";
font-family: FontAwesome;
}	/*-----男性-----*/

.line-chart:before {
content: "\f201";
font-family: FontAwesome;
}	/*-----折れ線グラフ-----*/

.list:before {
content: "\f03a";
font-family: FontAwesome;
}	/*-----リスト-----*/

.lightbulb:before {
content: "\f0eb";
font-family: FontAwesome;
}	/*-----リスト-----*/

.map:before {
content: "\f278";
font-family: FontAwesome;
}	/*-----地図-----*/

.mobile:before {
content: "\f10b";
font-family: FontAwesome;
}	/*-----スマホ-----*/

.mouse-pointer:before {
content: "\f245";
font-family: FontAwesome;
}	/*-----マウスポインター-----*/

.music:before {
content: "\f001";
font-family: FontAwesome;
}	/*-----音符-----*/

.newspaper:before {
content: "\f1ea";
font-family: FontAwesome;
}	/*-----新聞-----*/

.paperclip:before {
content: "\f0c6";
font-family: FontAwesome;
}	/*-----クリップ-----*/

.paper-plane:before {
content: "\f1d8";
font-family: FontAwesome;
}	/*-----紙飛行機-----*/

.paw:before {
content: "\f1b0";
font-family: FontAwesome;
}	/*-----犬の足跡-----*/

.pencil:before {
content: "\f040";
font-family: FontAwesome;
}	/*-----鉛筆-----*/

.plane:before {
content: "\f072";
font-family: FontAwesome;
}	/*-----飛行機-----*/

.plug:before {
content: "\f1e6";
font-family: FontAwesome;
}	/*-----コンセントプラグ-----*/

.question:before {
content: "\f128";
font-family: FontAwesome;
}	/*-----クエスチョンマーク-----*/

.question-circle:before {
content: "\f059";
font-family: FontAwesome;
}	/*-----クエスチョンマーク白抜き-----*/

.recycle:before {
content: "\f1b8";
font-family: FontAwesome;
}	/*-----リサイクルマーク-----*/

.rocket:before {
content: "\f135";
font-family: FontAwesome;
}	/*-----ロケット-----*/

.search:before {
content: "\f002";
font-family: FontAwesome;
}	/*-----虫眼鏡-----*/

.search-minus:before {
content: "\f010";
font-family: FontAwesome;
}	/*-----虫眼鏡マイナス-----*/

.search-plus:before {
content: "\f00e";
font-family: FontAwesome;
}	/*-----虫眼鏡プラス-----*/

.shopping-cart:before {
content: "\f07a";
font-family: FontAwesome;
}	/*-----ショッピングカート-----*/

.sign-in:before {
content: "\f090";
font-family: FontAwesome;
}	/*-----サインイン-----*/

.sign-out:before {
content: "\f08b";
font-family: FontAwesome;
}	/*-----サインアウト-----*/

.sitemap:before {
content: "\f0e8";
font-family: FontAwesome;
}	/*-----サイトマップ-----*/

.star:before {
content: "\f005";
font-family: FontAwesome;
}	/*-----星-----*/

.tree:before {
content: "\f1bb";
font-family: FontAwesome;
}	/*-----木-----*/

.trash:before {
content: "\f1f8";
font-family: FontAwesome;
}	/*-----ゴミ箱-----*/

.trophy:before {
content: "\f091";
font-family: FontAwesome;
}	/*-----トロフィー-----*/

.truck:before {
content: "\f0d1";
font-family: FontAwesome;
}	/*-----トラック-----*/

.user:before {
content: "\f007";
font-family: FontAwesome;
}	/*-----ユーザー-----*/

.video-camera:before {
content: "\f03d";
font-family: FontAwesome;
}	/*-----ビデオカメラ-----*/

.volume:before {
content: "\f028";
font-family: FontAwesome;
}	/*-----ボリューム-----*/

.youtube:before {
content: "\f167";
font-family: FontAwesome;
}	/*-----Youtubeアイコン-----*/

.play:before {
content: "\f16a";
font-family: FontAwesome;
}	/*-----再生-----*/

.industry:before {
content: "\f275";
font-family: FontAwesome;
}	/*-----工場-----*/

.tie:before {
content: "\f27e";
]:font-family: FontAwesome;
}	/*-----ネクタイ-----*/

.gift:before {
content: "\f06b";
font-family: FontAwesome;
}	/*-----プレゼント-----*/

.tag:before {
content: "\f02b";
font-family: FontAwesome;
}	/*-----タグ-----*/

th, td {
padding: 5px;
border: 1px solid #ccc;
text-align: center;
}

label {
    background: green;
    color: #333;
    padding: 10px;
    display: block;
    margin: 0;
    border: 1px solid #fff;
}

input[type="checkbox"].on-off{
    display: none;
}

.menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu li {
    padding: 5px;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    width: 200px;
}

.form {margin: 50px auto; padding: 30px;}
td {text-align: left; font-size: 80%;}
#headcount {
text-align: center;
margin: 15px auto;font-size: 1.4em;
}

.title-txt2 {
    font-size: 26px;
    line-height: 160%;
    font-weight: bold;
    text-align: left;
    margin: 40px 0 20px;
}

.img-right {
    display: block;
    margin: 10px 0px 10px 10px;
    float: right;
}