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

body{
	color: #333333;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}

/*----------ページ最上部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;} /*--黒--*/

/*----------ヘッダー共通----------*/
#header {
  margin: 0 auto;
  padding: 0 1%;
  padding: 100px 0px;
}

/*----------ヘッダー、フッター背景色指定----------*/
#header.blue, #foot.blue {background: #d9e7f1;} /*--青--*/
#header.green, #foot.green {background: #a6e9bf;} /*--緑--*/
#header.pink, #foot.pink {background: #ffb0b3;} /*--ピンク--*/
#header.yellow, #foot.yellow {background: #ffcc00;} /*--黄--*/
#header.bage, #foot.bage {background: #faebd7;} /*--ベージュ--*/

/*----------ヘッダー背景画像指定----------*/
#header.photo {color: #fff;}

/*----------ヘッダーキャッチコピー----------*/
#header h2 {
  margin: 0 0 20px;
  padding: 0;
  font-size: 1.8em;
  line-height: 1.25;
  text-align: center;
  letter-spacing: 0.3em;
}

/*----------ヘッダーテキスト----------*/
#header p {
  max-width: 800px;
  padding: 0 1%;
  margin: 0 auto;
  display: block;
  text-indent: -9999px;
}

.main {padding: 30px 0;}


/*----------グローバルメニュー共通----------*/
ul [id*="menu"] {
text-align: center;
margin: 30px auto;
padding: 0;
list-style: none;
}

/*----------サイドメニュー共通----------*/
.sidelabel {
margin: 30px 0;
color: #fff;
padding: 10px;
}


.side ul {
margin: 30px 0;
}

.side ul li a {
padding:10px;
margin: 5px 0;
line-height: 2;
text-align: left;
}

[id*="menu"] li {
display: inline;
}

[id*="menu"] li a {
  display: inline-block;
  padding: 10px;
  margin: 0 5px;
}

[id*="menu"] li a:hover {
background: #eee;
-webkit-border-radius: 10px;
border-radius: 10px;
}

/*----------SNSボタン----------*/
ul.sns {
text-align: center;
margin: 30px auto;
padding: 0;
list-style: none;
}

.sns li {display: inline; margin:20px;}

.container {
  max-width: 900px;
  clear: both;
}

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

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

h3.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 
}


h4 {
	font-size: 1.4em;
	clear: both;
}


/*----------フッター共通----------*/
#foot {
text-align: center;
padding: 30px 0;
}

#foot p {max-width: 1000px;margin: 16px auto 0;}

/*----------テキスト装飾----------*/
.red{ color: #cc0000; }		/*　赤　*/
.blue{ color: #003399; }	/*　青　*/
.green{ color: #009900; }	/*　緑　*/
.yellow{ color: #ffff00; }	/*　黄　*/
.navy{ color: #003399; }	/*　紺色　*/
.black{ color: #000000; }	/*　黒　*/
.gray{ color: #999999; }	/*　グレー　*/
.purple{ color: #9900cc; }	/*　紫　*/
.orange{ color: #ff6633; }	/*　橙　*/
.pink{ color: #ffaacc; }	/*　桃　*/
.white{ color :#ffffff; }	/*　白　*/
.gold {color: #807109;}

.bold {
	font-weight: bold;
}

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

.fs11{ font-size: 1.1em; }
.fs13{ font-size: 1.3em; }

.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 #a6e9bf;} /*--緑--*/
.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;}

/*----------ランキングスタイル----------*/
.rnk {
margin: 0 5px 20px;
padding: 10px 15px;
border: 1px solid #ccc;
}

.rnk2 {
margin: 0 5px 20px;
padding: 10px 15px;
border: 1px solid #ccc;
line-height: 1.7em;
}

.bus {
background: url(../img/bus.gif) no-repeat left;
font-size: 1.4em;
line-height: 1.25;
padding: 15px 0 15px 45px;
}


/*----------ボタン----------*/
.order a {
display: block;
margin: 15px auto;
padding: 8px 5px;
width: 200px;
text-align: center;-moz-border-radius: 15px 15px 15px 15px;-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
background: #cc0000;
font-size: 15px;
color: #fff;
float: right;
}

.order a:hover{
background: #ffcc00;
}

/* ------ その他属性 ------ */

.clr{clear: both;}

/*----------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;
}	/*-----タグ-----*/