﻿/*=====CSS初期化=====*/
body,div,ul,li,h1,h2,h3,h4,h5,h6,p,article,aside,footer,header,hgroup,nav,section{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

/*=====フォント=====*/
@font-face {
   font-family:FontAwesome;
   src: url('font/fontawesome-webfont.woff') format("woff"),
url('font/fontawesome-webfont.ttf') format("truetype"),
url('font/fontawesome-webfont.eot?') format("eot");
}
.FontAwesome{font-family: 'FontAwesome';}


/*=====ブロックレベル=====*/
article,aside,footer,header,nav,section{display:block;}

/*=====全体=====*/

html{
    font-size : 18px; 
}

body{
  font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",Meiryo,verdana;
  color:#222;
  text-align:justify;
  text-justify:inter-ideograph;
  padding: 0;
  margin: 0;
}

small{font-size:12px;line-height:1.5;color:#777;}
img{border:0;display:block;position:relative;}
a{outline:none;}
ul{list-style:none;}

h1,h2,h3{font-weight:normal;}

/*=====リンク=====*/

a:link,
a:visited,
a:active{
	color:#444;
	text-decoration:none;
	border-bottom:1px black dotted;
}

a:hover{
	color:#888;
	text-decoration:none;
	border-bottom:1px black dotted;
}

/*=====ヘッダー=====*/

header{
	width:100%;
	height:500px;
	border-top:6px #12B422 solid;
	background:#fff url(img/bgWood2pc.jpg);
	background-size:cover;
	position:relative;
	padding-top:50px;
	z-index:2;
	box-shadow:0px 0px 10px 6px rgba(0,0,0,0.15);
}

.imgLogopc{
	width:660px;
	margin:80px auto;
}


/*=====コンテンツ全般=====*/

.contentsBox{
	width:100%;
	position:relative;
	z-index:2;
	padding:50px 0 100px;
}

.contentsBox h2{
	font-size:28px;
	font-weight:bold;
	margin:40px auto 30px;
	text-align:center;
}

.contentsBox h3{
	width:600px;
	font-size:20px;
	font-weight:bold;
	margin:20px auto;
}

.contentsBox p{
	max-width:600px;
	line-height:2.5;
	margin:0 auto;
	text-shadow:2px 2px 0px 0px rgba(255,255,255,0.4);
}

.marker {
	background: linear-gradient(transparent 60%, #FFD800 60%);
}

.semiCollege{
	color:#3DB1FF;
}

/*=====コンテンツ1=====*/

.contents1{
	border-bottom:1px #888 solid;
	overflow:hidden;
	margin:0 auto;
	width:90%;
	max-width:1000px;
	position:relative;
}

.leftArea{
	width:60%;
	float:left;
}

.contents1 h2{
	max-width:600px;
	color:#703021;
	font-weight:normal;
	border-bottom:2px #333 dotted;
	text-align:left;
}

.contents1 p{
	max-width:600px;
}

.imgMap{
	width:35%;
	margin-top:30px;
	float:right;
	top:20px;
}

/*=====コンテンツ2=====*/

.contents2{
	background:url(img/paperMain.png);
	box-shadow:0px 0px 0px 6px #431D14;
	margin-bottom:30px;
	clear:both;
}

.imgFlavorTextSp{
	width:90%;
	margin:0 auto;
}

/*=====コンテンツ3=====*/

.contents3{
	background:#FBFFDD;
	position:relative;
	z-index:1;
	border-bottom:1px #888 solid;
}

/*=====コンテンツ4=====*/

.contents4{
	background:url(img/semiconPhotopc.jpg);
	background-size:cover;
	padding-top:100px;
}

.contents4 a{
	color:#fff;
}

.contents4 p{
	color:#fff;
	text-shadow:0px 0px 5px 2px rgba(255,255,255,0);
}

.contents4 h2{
	margin-top:10px;
	margin-bottom:50px;
}

.big{
	font-size:24px;
}

.pop{
	margin:0 auto;
	width:100px;
	padding:2px;
	background:#f40;
	color:#fff;
	font-weight:bold;
	text-align:center;
}

/*=====コンテンツ5=====*/

.contents5{
	border-bottom:1px #888 solid;
}

.contents5 h4{
	font-weight:bold;
	text-align:center;
	margin:30px auto 10px;
	font-size:16px;
}

.imgKuroisi{
	width:100%;
}

/*=====コンテンツ6=====*/

.contents6{
	background:#eee;
	border-bottom:1px #888 solid;
}

.imgSp{
	width:100%;
	margin-top:20px;
}

/*=====コンテンツ7=====*/

.contents7{
	background:#FBFFDD;
	border-bottom:1px #888 solid;
}

/*=====コンテンツ8=====*/

.contents8{
	border-bottom:1px #888 solid;
	text-align:center;
	padding-bottom:60px;
}

.contents8 h2{
	font-size:28px;
}

.imgLink{
	width:320px;
	margin:0 auto;
}

/*=====コンテンツ9=====*/

.contents9{
	background:#fff url(img/bgWood.jpg);
	padding-bottom:40px;
}

.whiteBox{
	background:rgba(255,255,255,0.6);
	border-radius:6px;
	width:580px;
	margin:20px auto;
	padding:40px;
	color:#431D14;
}

.contents9 p{
	width:100%;
	padding-bottom:20px;
}

.imgCoupon{
	position:absolute;
	right:30%;
	top:-10px;
	-moz-transform:rotate(10deg);
    -webkit-transform:rotate(10deg);
        -ms-transform:rotate(10deg);
         -o-transform:rotate(10deg);
            transform:rotate(10deg);
}

.icon{text-align:center;}

table{
	width:100%;
	margin:0 auto;
	text-align:center;
}

td{
	padding:0 100px 0;
}

.icon a{border:0;display:block;}

.iconTwitter{
	color:#431D14;
}

.iconFacebook{
	color:#431D14;
}

/*=====フッター=====*/

footer{
	padding:20px;
	text-align:center;
	font-size:16px;
}

.imgYnuads{
	display:inline;
	width:70px;
	vertical-align:middle;
}