@charset "utf-8";



/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color: #666;	/*全体の文字色*/
	font-family: "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 15px;	/*文字サイズ*/
	line-height: 1.5;		/*行間*/
	background: #fff url(../images/bg.jpg);	/*背景色と背景壁紙*/
	-webkit-text-size-adjust: none;
	overflow-x: hidden;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;font-size: 100%;}
ul {list-style-type: none;}
ol {padding-left: 65px;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
iframe {width: 100%;}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #666;	/*リンクテキストの色*/
}
a:hover {
	color: #81b022;			/*マウスオン時の文字色*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

/*コンテナー
---------------------------------------------------------------------------*/
#container {
	max-width: 1200px;	/*最大幅*/
	margin: 0 auto;
}

/*コンテンツ（左右ブロックを囲むボックス）
---------------------------------------------------------------------------*/
#contents {
	padding: 2% 8% 0;
	position: relative;z-index: 10;
	top: 0px;
	overflow: hidden;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	float: center;	/*右側に回り込み*/
	width: 100%;		/*幅*/
	overflow: hidden;
	padding-top: 0%;	/*コンテンツ上にあける余白*/
}
/*トップページのmain*/
#top #main {
	padding-top: 30%;	/*コンテンツ上にあける余白*/
}
/*mainコンテンツのh2タグの設定*/
#main h2 {
	clear: both;
	margin: 0px 0px;
	color: #FFF;		/*文字色*/
	padding: 8px 30px;	/*上下、左右への余白*/
	background: #2E75B6;	/*背景色（古いブラウザ用）*/
	border-radius: 10px 10px 0px 0px;	/*角丸のサイズ。大きめにしておけばOK。*/
	font-size: 20px;	/*文字サイズ*/
	text-align : center;
}
/*mainコンテンツのh3タグの設定*/
#main h3 {
	clear: both;
	margin-bottom: 15px;
	background: #FFF;	/*背景色*/
	padding: 7px 29px;	/*上下、左右への余白*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	border-radius: 50px;	/*角丸のサイズ。大きめにしておけばOK。*/
}
/*メインコンテンツのp(段落)タグ設定*/
#main p {
	padding: 0px 30px 14px;	/*上、左右、下への余白*/
}
#main h2 + p,
#main h3 + p {
	margin-top: -5px;
}

/*一覧ページ用ボックス
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#main .list {
	width: auto;
	margin: 0 3% 15px;
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	padding: 1%;			/*ボックス内の余白*/
	background: #FFF;		/*背景色（古いブラウザ用）*/
	background: -webkit-linear-gradient(#FFF, #FFF);	/*#FFF, #f1f1f1グラデーション*/
	background: linear-gradient(#FFF, #FFF);			/*(#FFF, #f1f1f1同上*/
	position: relative;
	overflow: hidden;
	border-radius: 10px;	/*角丸のサイズ*/
}
/*ボックス内の写真設定*/
#main .list figure img {
	float: left;			/*画像を左へ回り込み*/
	background: #FFF;		/*画像の背景色。ここでは枠線と画像の間の色になります。*/
	padding: 0.2%;			/*余白。ここに上の行で設定した背景色が出ます。*/
	border: 0px solid #CCC;	/*1px枠線の幅、線種、色*/
	width: 45%;	/*写真の幅*/
	/*-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.15);	ボックスの影。右へ、下へ、広げる範囲、rgb指定での色。0,0,0は黒のことで、0.15が透明度15%の事。*/
	box-shadow: 2px 2px 3px rgba(0,0,0,0.15);			/*同上*/
}
/*ボックス内のh4タグ設定*/
#main .list h4 {
	font-size: 16px;	/*文字サイズ*/
	border-bottom: 2px dotted #81b022;	/*下側の線の幅、線種、色*/
	margin-bottom: 10px;
	margin-left: 45%;	/*左の画像とバランスをとって設定する*/
	color: #81b022;		/*文字色*/
}

/*ボックス内の段落タグ設定*/
#main .list p {
	padding: 10px 5px;
	margin-left: 47%;	/*左の画像とバランスをとって設定する*/
}

#main .list .ado {
	width: auto;
	font-size: 0.9pc;	/*文字サイズ*/
	line-height: 1.2;
	background-color : #e3e3ff;
	padding : 8px 12px;
	margin-right : 15px;
	float : right;
	border-radius: 10px;	/*角丸のサイズ*/
}
#main .ado1 {
	background-color : white;
	padding-top : 20px;
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom : 30px;
	margin-top : 30px;
}
#main .ado2 {
	width: 23%;
	padding-bottom  : 10px;
}
#main .list .ado3{
	margin-top: 30px;
}

/*受賞ロゴ
---------------------------------------------------------------------------*/
.logo{
	width:19%;
	height:19%;
	/*border-radius:50%;
	background-image:url(../images/5196c.png);
	/*background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;*/
	/*color:#fff;
	line-height:50px;
	text-align:center;
	display:block;*/
	position:absolute;z-index:99;
	top:-5px;
	left:15px;
}

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

/*トップページ「以外」の、上部にある装飾画像
---------------------------------------------------------------------------*/
#subimg {
	position: fixed;
	top: -50px;
	left: 0px;
	width: 100%;
}


/*その他
---------------------------------------------------------------------------*/
.look {background: #dcdcdc;padding: 4px;border-radius: 4px;}
.mb15,.mb1em {margin-bottom: 15px;}
.mb30 {margin-bottom: 30px;}
.clear {clear: both;}
ul.disc {padding-left: 60px;list-style: disc;}
.color1 {color: #81b022;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}
img.fr {float: right;margin-left: 10px;margin-bottom: 10px;}
img.fl {float: left;margin-right: 10px;margin-bottom: 10px;}
.big1 {font-size: 30px;letter-spacing: 0.2em;}
.mini1 {font-size: 11px;}


/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){

/*コンテンツ（左右ブロックを囲むボックス）
---------------------------------------------------------------------------*/
#contents {
	padding: 3% 3% 0;
}


/*main
---------------------------------------------------------------------------*/
#main {
	padding: 0 !important;
}



/*トップページ「以外」の、上部にある装飾画像
---------------------------------------------------------------------------*/
#subimg {
	top: 60px;	/*上から60pxの場所に。少し下げる設定。*/
}


/*その他
---------------------------------------------------------------------------*/
body.s-n #sub {display: none;}

}



/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:600px){

/*メインコンテンツ
---------------------------------------------------------------------------*/
/*mainコンテンツのh2タグの設定*/
#main h2 {
	padding: 4px 5px;
	font-size: 14px;	/*文字サイズ*/
	margin: 0px 0px;
	border-radius: 10px 10px 0px 0px;	/*角丸のサイズ*/
}
/*メインコンテンツのp(段落)タグ設定*/
#main p {
	padding: 0px 15px 14px;	/*上、左右、下への余白*/
}

/*一覧ページ用ボックス
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#main .list {
	margin: 0 0 15px;
}
/*ボックス内の写真設定*/
#main .list figure img {
	float: none;
	padding: 0;
	border: none;
	width: 100%;
}
/*ボックス内のh4タグと段落タグ設定*/
#main .list h4,#main .list p {
	margin-left: 10px;
}

#main .list .ado {
	display: block;
	width: auto;
	font-size: 0.9pc;	/*文字サイズ*/
	line-height: 1.2;
	background-color : #e3e3ff;
	padding : 8px 12px;
	margin : 0px 5px 5px 0px;
	float : right;
	border-radius: 10px;	/*角丸のサイズ*/
	clear: both;
}

#main .ado1 {
	background-color : white;
	padding-top : 20px;
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom : 30px;
	margin-top : 30px;
}
#main .ado2 {
	width: 33%;
}
#main .list .ado3{
	margin-top: 0px;
}
.logo{
	width:30%;
	height:30%;
	/*border-radius:50%;
	background-image:url(../images/5196c.png);
	/*background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;*/
	/*color:#fff;
	line-height:50px;
	text-align:center;
	display:block;*/
	position:absolute;
	top:5px;
	left:0px;
	z-index:1;
}

/*その他
---------------------------------------------------------------------------*/
.ws,.wl {width: 90%;}
img.fr,img.fl {float: none;margin: 0;width: 100%;}

}