@charset "utf-8";	/* 文字コードを指定する */
*,html,body{margin:0;padding:0;}	/* marginは領域間スペース、padding領域内のスペース */
body{height:100%;margin-right:auto;margin-left:auto;word-break: break-all;}	/* 英数字の折返し(word-break: break-all;) */
li{list-style:none;margin:0;}
a:link,a:visited{color:#f60;text-decoration:none;}
a:active,a:hover{color:#ff944d;text-decoration:underline;}
a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}
h2{border-radius:40px;border:solid 3px #4ad;background:linear-gradient(#fff,#cee);margin-top:20px;margin-bottom:10px;-moz-box-shadow:2px 2px 3px 3px #ccc;-webkit-box-shadow:2px 2px 3px 3px #ccc;box-shadow:2px 2px 3px 3px #ccc;background-color:#eee;padding:10px;}
h2 p{font-size:120%;font-weight:bolder;border-left:solid 5px #4ad;padding-left:10px;color:#333;}
h2 p,h3{border-radius:30px;}
h3{background:linear-gradient(#6af,#06f);padding:5px;margin:30px 30px 0 10px;margin-bottom:10px;-moz-box-shadow:2px 2px 3px 3px #ccc;-webkit-box-shadow:2px 2px 3px 3px #ccc;box-shadow:2px 2px 3px 3px #ccc;background-color:#eee;}
h3 p{border-radius:20px;color:#fff;font-weight:bolder;}


/*■■■■■■■■■■■■■■■■共通BODY↓■■■■■■■■■■■■■■■■*/

/*■ヘッダー上部↓■*/

#headerbar{width:100%;background:#222;}
#headerbstr{position:relative;text-align:right;right:5%;margin:0 auto;line-height:20px;}
#header-inner{width:100%;max-width:1100px;margin:0 auto;}
#esohko img{width:350px;}
#mail img{width:85px;}

/*■navメニュー↓■*/
#topNav{background:linear-gradient(#30b,#107);width:100%;margin:0;padding:0;}
#topNav li a{color:#fff;display:block;text-align:center;}
#topNav li a:hover{background:linear-gradient(#107,#30b);}

/*■サイドバー↓■*/
#google{border-radius:20px;line-height:30px; width:150px; height:22px; padding:5px 10px; margin:0 0 20px 0;/><input type=hidden name=ie value=utf-8><input type=hidden name=oe value=utf-8></td></tr> <tr><td> <input type=hidden name=hl value=" type="text" value="}
#outlook{text-align:center;font-size:20px;margin:0 0 10px 0;}
#Clock1{width:105px;font-size:12px;text-align:center;float:left;}
#weather{font-size:12px;float-left;}

/*■コンテンツ↓■*/
.h2conttext{color:#ff0000;font-size:80%;}
#dispz{display:block;padding:15px;}
#dispo{display:none;padding:15px;}
#disp{display:none;}
#dispnai{border:solid 3px black;padding:15px;border-radius:15px;}


/*■ダウンロード■*/
input.framesize{width:100%;}

/*■フッター↓■*/
#footer{width:100%;background:#222;margin-top:30px;color:#fff;}
.copyright{text-align:center;margin:0 auto;padding:10px 0;}

/*■上に戻るボタン■*/
.gototop a{text-indent:-125pc;background:url(../images/top.gif)no-repeat;display:block;margin:20px;}
.gototop a:hover{background:url(../images/top_on.gif)no-repeat;}


/*■■■■■■■■■■■■■■■■共通BODY↑■■■■■■■■■■■■■■■■*/





/*■■■■■■■■■■■■■■■■↓※1100px以上↓■■■■■■■■■■■■■■■■*/
@media screen and (min-width:1100px){



/*■ヘッダー上部↓■*/
#esohko{float:left;padding:20px 20px;} /* ロゴ（左） */
#mail{float:right;padding:10px 20px;}/* メール（右） */

/*■navメニュー↓■*/
.content{display:none;}
#topNav ul{width:1100px;margin:0 auto;padding:0 20px;line-height:80px;display:block;}
#topNav li{float:left;width:120pt;text-align:center;border-left:1px solid #fff;border-right:1px solid #fff;}
#topNav li+ li{border-left: 0;border-right:1px solid #fff;}

/*■↓メイン（サイドバー＋コンテンツを内包）■*/
#main{width:1100px;margin:20px auto;}

/*■サイドバー↓■*/
#side{width:20%;float:left;text-align:center;}
#side #banner li img{width:100%;vertical-align:bottom;}

/*■コンテンツ↓■*/
#contents{width:77%;margin-left:3%;float:left;}
#contents p{padding:5px 20px;font-weight:bolder;}

}
/*■■■■■■■■■■■■■■■■↑1100px以上↑■■■■■■■■■■■■■■■■*/





/*■■■■■■■■■■■■■■■■↓※761～1100px↓■■■■■■■■■■■■■■■■*/
@media screen and (min-width:761px) and (max-width:1100px){

/*■ヘッダー上部↓■*/
#esohko{float:left;padding:20px 20px;} /* ロゴ（左） */
#mail{float:right;padding:10px 20px;}/* メール（右） */

/*■navメニュー↓■*/
.content{display:none;}
#topNav ul{width:96%;margin:0 auto;padding:0 2%;line-height:80px;display:block;}
#topNav li{float:left;width:19.8%;text-align:center;border-left:1px solid #fff;border-right:1px solid #fff;}
#topNav li+ li{border-left: 0;border-right:1px solid #fff;}

/*■↓メイン（サイドバー＋コンテンツを内包）■*/
#main{width:100%;margin:20px auto;}

/*■サイドバー↓■*/
#side{width:25%;float:left;text-align:center;}
#side #banner li {height:60px;}
#side #banner li.sideinfo{height:auto}

/*■コンテンツ↓■*/
#contents{width:70%;float:left;margin-right:auto;margin-left:auto;}
#contents p{padding:5px 10px;font-weight:bolder;}

}
/*■■■■■■■■■■■■■■■■↑761～1100px↑■■■■■■■■■■■■■■■■*/

@media screen and (min-width:761px) and (max-width:895px){}


/*■■■■■■■■■■■■■■■■↓※760px以下↓■■■■■■■■■■■■■■■■*/
@media screen and (min-width:0px) and (max-width:760px){

/*■ヘッダー上部↓■*/
#esohko img{padding:20px 0;display:block;margin:0 auto;} /* ロゴのフロート解除 */
#mail{text-align:center;display:block;margin:0 auto;}/* メールアイコン中央寄せ */

/*■navメニュー↓■*/
.topmenu{display:none;}
.button{text-align:center;padding:10px;color:#fff;font-size:30px;}
.button:hover{background:linear-gradient(#107,#30b);}
#topNav{background:linear-gradient(#30b,#107);width:100%;margin:0;padding:0;}
#topNav ul{width:100%;line-height:60px;display:block;}
#topNav li{width:100%;border-bottom:1px solid #fff;}
#topNav li a{font-size:35px;}

/*■↓メイン（サイドバー＋コンテンツを内包）■*/
#main{width:100%;margin:0 auto;}

/*■サイドバー↓■*/
#side{padding:0 0 50px;}
#side img{width:100%;}
#side {display:none;}
#side .sideinfo{display:none;}
#side #banner>li {width:50%;float:left;}

/*■コンテンツ↓■*/
#contents{display:block;margin:0;padding:0;}
#contents p{font-weight:bolder;}

/*■社内ルール■*/
.ruletext{padding:0 30px;}
.h3ruletext{padding:0 10px;}

}
/*■■■■■■■■■■■■■■■■↑760px以下↑■■■■■■■■■■■■■■■■*/

@media screen and (min-width:0px) and (max-width:480px){
#mail img{width:18%;} /* メールアイコンがずれないよう */
}

@media screen and (min-width:0px) and (max-width:365px){
#esohko img{width:100%;padding:20px 0;} /* ロゴの自動調整 */
}