@charset "UTF-8";

/* ------------------------------

    INDEX
	
	A　* 全体設定
	B　* ヘッダー
	C  * フッター
	D  * コンテンツ
	
------------------------------ */

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-

 * A. 全体設定
 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=*/
 
body {
	background: #E1F7FF;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}
 
/* LAYOUT 320
----------------------------------------------- */

@media (min-width: 320px) {

#container {
	width: 100%;
}
	
}


/* LAYOUT BIG
----------------------------------------------- */

@media screen and (min-width: 640px) {

#container {
	width:640px;
	margin:0 auto;
}

#head_nav {width: 640px;}

}



/* -------------------------------------
    B　* min-width
------------------------------------- */

#container {
	min-width: 320px;
	background: url(../img/common/shl.png);
	color:#333;
	letter-spacing: 1px;
}

 
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-

 * B. ヘッダー
 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=*/

header {height: auto;}

#logo {
	text-align: center;
}

#head_nav ul { margin-left: 2%; }

#head_nav ul li {
	float: left;
	width: 14%;
}

#head_nav a {
	display: block;
}

#head_nav ul li img { width: 100%; }
 
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-

 * C. フッター
 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=*/
 
.add_tit {
	text-align:center;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from( #FDFF2F /*{b-bup-background-start}*/), to( #FE9D19 /*{b-bup-background-end}*/)) ; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #FDFF2F /*{b-bup-background-start}*/, #FE9D19 /*{b-bup-background-end}*/) ; /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #FDFF2F /*{b-bup-background-start}*/, #FE9D19 /*{b-bup-background-end}*/) ; /* FF3.6 */
	background-image:     -ms-linear-gradient( #FDFF2F /*{b-bup-background-start}*/, #FE9D19 /*{b-bup-background-end}*/) ; /* IE10 */
	background-image:      -o-linear-gradient( #FDFF2F /*{b-bup-background-start}*/, #FE9D19 /*{b-bup-background-end}*/) ; /* Opera 11.10+ */
	background-image:         linear-gradient( #FDFF2F /*{b-bup-background-start}*/, #FE9D19 /*{b-bup-background-end}*/) ;

	border-top: 1px solid #FCBD00;
	color: #68321c /*{b-bhover-color}*/ !important;
	letter-spacing:2px !important;
	padding: 5px;
	font-weight: bold;
	font-size: 14px;
}

.add_mail a,
.add_tel a {
	display: block;
	padding: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFD9 /*{b-bup-background-start}*/), to( #ffffa6 /*{b-bup-background-end}*/)) ; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #FFFFD9 /*{b-bup-background-start}*/, #ffffa6 /*{b-bup-background-end}*/) ; /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #FFFFD9 /*{b-bup-background-start}*/, #ffffa6 /*{b-bup-background-end}*/) ; /* FF3.6 */
	background-image:     -ms-linear-gradient( #FFFFD9 /*{b-bup-background-start}*/, #ffffa6 /*{b-bup-background-end}*/) ; /* IE10 */
	background-image:      -o-linear-gradient( #FFFFD9 /*{b-bup-background-start}*/, #ffffa6 /*{b-bup-background-end}*/) ; /* Opera 11.10+ */
	background-image:         linear-gradient( #FFFFD9 /*{b-bup-background-start}*/, #ffffa6 /*{b-bup-background-end}*/) ;
	color: #68321c;
	text-shadow: 1px /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #E0E0E0 /*{b-bhover-shadow-color}*/ ;
	font-weight: bold;
	border-bottom: 1px solid #FCBD00;
}

.add_mail a:hover,
.add_tel a:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffa6 /*{b-bup-background-start}*/), to( #FFFFD9 /*{b-bup-background-end}*/)) ; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #ffffa6 /*{b-bup-background-start}*/, #FFFFD9 /*{b-bup-background-end}*/) ; /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ffffa6 /*{b-bup-background-start}*/, #FFFFD9 /*{b-bup-background-end}*/) ; /* FF3.6 */
	background-image:     -ms-linear-gradient( #ffffa6 /*{b-bup-background-start}*/, #FFFFD9 /*{b-bup-background-end}*/) ; /* IE10 */
	background-image:      -o-linear-gradient( #ffffa6 /*{b-bup-background-start}*/, #FFFFD9 /*{b-bup-background-end}*/) ; /* Opera 11.10+ */
	background-image:         linear-gradient( #ffffa6 /*{b-bup-background-start}*/, #FFFFD9 /*{b-bup-background-end}*/) ;
}


.add_mail img,
.add_tel img {width: 16px; margin-right: 10px; }

.arrow {float: right;}

footer address {
	text-align: center;
	font-size: 10px;
	padding: 5px;
	background: #2D9AFF;
	color:#FFF;
	letter-spacing: 2px;
}
 
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-

 * D. コンテンツ
 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=*/


/*  メイン画像設定
-----------------------------------------------------------*/

#main img,
#main02 img,
#main_index img  { width: 100%; }
 
#main .main_con ul {
	margin-left: 3%;
}

#main .main_con ul li {
	float: left;
	width: 31%;
	margin-right: 2%;
}

#main {
	padding: 2%;
	margin: 2%;
	border: 5px solid #2D9AFF;
	background: #D6F8FF;
}

#main02 {
	margin: 2%;
}

#main .main_tit { margin-bottom: 2%; }


/*  コンテンツ設定
-----------------------------------------------------------*/

.free_area {
	margin-top: 10px;
	margin-right: 2%;
	margin-left: 2%;
}

.contents_area {
	margin: 10px 2% 2% 2%;
	border: 4px solid #2D9AFF;
	background: #FFF;
}


#contents .free_area img { width: 100%; }

.ul_fl img { width: 100%; }
 
.ul_fl {
	margin-left: 3%;
}

.ul_fl li {
	float: left;
	width: 31%;
	margin-right: 2%;
}

.contents_area a {
	display: block;
	padding: 10px;
	color: #68321c;
	font-weight: bold;
	padding: 10px;
	font-size: 14px;
	padding-left: 3px;
	background: #FFFFD9;
	padding-left: 20px;
}

.contents_area .arrow img,
.ul_list .arrow img {width: 16px;}


.text_area {
	margin-top: 10px;
	margin-right: 2%;
	margin-left: 2%;
	background: #FFF;
	line-height: 1.5;
}

.text_area li {
	font-weight: bold;
	color:#68321C;
	background: #ffffd9;
	padding: 10px;
}

.nav_bg {background: #FFF !important;}

.text_area p {
	background: #ffffd9;
	padding: 10px;
	font-weight: bold;
	color:#68321C;
}


/*  エリアニュース設定
-----------------------------------------------------------*/

.news_area {
	margin-top: 10px;
	margin-right: 2%;
	margin-left: 2%;
	font-size: 12px;
	background: #FFF;
	padding: 20px;
	border: 4px solid #2D9AFF;
	color:#68321C;
}
.news_area a {
	color:#68321C;
}

.news_area h2 {
	font-size: 18px;
	color:#2D9AFF;
	border-bottom: 1px solid #E6E6E6;
	padding-bottom: 10px;
}

.news_area dt {
	padding: 10px 0;
	font-weight: bold;
	font-size: 16px;
}
.news_area dd {
	border-bottom: 1px solid #E6E6E6;
	padding-bottom: 10px;
	font-size: 16px;
}


/*  ムービー設定
-----------------------------------------------------------*/

.movie_text {
	text-align: center;
	font-size: 14px;
	padding: 5px;
	background: #2D9AFF;
	color:#FFF;
}


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-

 * E. jQuery
 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=*/

/*  メニュー設定
-----------------------------------------------------------*/

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

#menu_box,
#contact_box { display: none;}

#menu_box,
#contact_box {
	width: 100%;
	height: 300px;
	position: fixed !important;
	left: 0;
	top: 0;
	z-index: 100000;
	overflow: hidden;
}

#menu_in,
#contact_in {
	background: #FFF;
}

#menu_in .btn,
#contact_in .btn02 {
	text-align: right;
	padding: 5px;
}


.ul_list a {
	display: block;
	padding: 10px;
	margin: 0 auto;
	background: #FFFFD9;
	font-weight: bold;
	color:#68321c;
}

.btn,
.btn02 {
	font-weight: bold;
	color:#68321c;
}

.icon {
	float: left;
	margin-right: 5px;
}

.icon img {
	width: 16px;
}


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-

 * F. Index以外の設定
 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=*/


/*  お給料について設定
-----------------------------------------------------------*/

.in_cont_area {
	margin: 10px 2% 2% 2%;
}

.in_cont_box {
	background: #FFF;
	box-shadow: 0 1px 5px #777777 ;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
	margin-bottom: 10px;
	padding: 2px;
}

.bd_01{
	border: 1px solid #E5E5E5;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
}

.tit_h3 {
	padding: 5px;
	background: #00A0E9;
	border-radius: 10px 10px 0 0;        /* CSS3草案 */  
	-webkit-border-radius: 10px 10px 0 0;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px 10px 0 0;   /* Firefox用 */ 
	padding-left: 10px;
}

.tit_h3 h3 {
	color:#FFF;
  letter-spacing: 2px;
}

.contents_p {
	padding: 5px;
	line-height: 1.8em;
	padding-left: 10px;
	color:#68321c;
}

.point_con {
	background: #FF3C81;
	font-weight: bold;
	color:#FFF;
	text-align: center;
	padding: 10px;
	border: 2px solid #FEE136;
	margin: 10px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
	font-size: 18px;
	text-shadow: 1px 1px 1px #411e09;
}

.point_con02{
	background: #FFE236;
	font-weight: bold;
	color:#421E08;
	text-align: left;
	padding: 10px;
	border: 2px solid #421E08;
	margin: 10px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
}

.point_con03 {
	background: #00A0E9;
	font-weight: bold;
	color:#FFF;
	text-align: center;
	padding: 10px;
	border: 2px solid #FEE136;
	margin: 10px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
	font-size: 18px;
	text-shadow: 1px 1px 1px #411e09;
}

.point_con04{
	background: #FFF;
	font-weight: bold;
	color:#FF3C81;
	text-align: left;
	padding: 10px;
	border: 2px solid #FF3C81;
	margin: 10px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
	box-shadow: 0 1px 5px #777777 ;
}

.point_con02_tit{
	background: #421E08;
	margin: -10px -10px 10px;
	padding: 5px;
	padding-left: 10px;
	border-radius: 5px 5px 0 0;        /* CSS3草案 */  
	-webkit-border-radius: 5px 5px 0 0;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px 5px 0 0;   /* Firefox用 */ 
}

.point_con04_tit{
	background: #FF3C81;
	margin: -10px -10px 10px;
	padding: 5px;
	padding-left: 10px;
	border-radius: 5px 5px 0 0;        /* CSS3草案 */  
	-webkit-border-radius: 5px 5px 0 0;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px 5px 0 0;   /* Firefox用 */ 
}

.point_con p {
	font-weight: bold;
	color:#FE7AAC;
	font-size: 18px;
	line-height: 1.5;
}

.point_span {
	text-align: left;
	font-size: 10px;
	margin-top: 10px;
	text-shadow: none;
	font-weight: normal;
}

.tit_h2 {
	color: #FFF;
	text-align: center;
	padding: 5px;
	font-size: 18px;
	margin-top: 10px;
	box-shadow:inset 0 0 50px rgba(0,0,0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.3);
	
	background: #009FFF; /* Old browsers */
}

.tit_h2 h2 {
  text-shadow: 3px 3px 0 rgba(0,0,0,0.3);
  letter-spacing: 4px;
}


#top_link {
	text-align: center;
}

#top_link a {
	display: block;
	padding: 10px;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from( #82c3ff /*{b-bup-background-start}*/), to( #2D9AFF /*{b-bup-background-end}*/)) ; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #82c3ff /*{b-bup-background-start}*/, #2D9AFF /*{b-bup-background-end}*/) ; /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #82c3ff /*{b-bup-background-start}*/, #2D9AFF /*{b-bup-background-end}*/) ; /* FF3.6 */
	background-image:     -ms-linear-gradient( #82c3ff /*{b-bup-background-start}*/, #2D9AFF /*{b-bup-background-end}*/) ; /* IE10 */
	background-image:      -o-linear-gradient( #82c3ff /*{b-bup-background-start}*/, #2D9AFF /*{b-bup-background-end}*/) ; /* Opera 11.10+ */
	background-image:         linear-gradient( #82c3ff /*{b-bup-background-start}*/, #2D9AFF /*{b-bup-background-end}*/) ;
	
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	font-weight: bold;
	color:#FFF;
	text-shadow: 1px 1px 1px #411E09;
	font-size: 13px;
}

#top_link a:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from( #2D9AFF /*{b-bup-background-start}*/), to( #82c3ff /*{b-bup-background-end}*/)) ; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #2D9AFF /*{b-bup-background-start}*/, #82c3ff /*{b-bup-background-end}*/) ; /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #2D9AFF /*{b-bup-background-start}*/, #82c3ff /*{b-bup-background-end}*/) ; /* FF3.6 */
	background-image:     -ms-linear-gradient( #2D9AFF /*{b-bup-background-start}*/, #82c3ff /*{b-bup-background-end}*/) ; /* IE10 */
	background-image:      -o-linear-gradient( #2D9AFF /*{b-bup-background-start}*/, #82c3ff /*{b-bup-background-end}*/) ; /* Opera 11.10+ */
	background-image:         linear-gradient( #2D9AFF /*{b-bup-background-start}*/, #82c3ff /*{b-bup-background-end}*/) ;
}

.tel_link {
	text-align: center;
}

.tel_link a {
	display: block;
	padding: 10px;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from( #82c3ff /*{b-bup-background-start}*/), to( #2D9AFF /*{b-bup-background-end}*/)) ; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #82c3ff /*{b-bup-background-start}*/, #2D9AFF /*{b-bup-background-end}*/) ; /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #82c3ff /*{b-bup-background-start}*/, #2D9AFF /*{b-bup-background-end}*/) ; /* FF3.6 */
	background-image:     -ms-linear-gradient( #82c3ff /*{b-bup-background-start}*/, #2D9AFF /*{b-bup-background-end}*/) ; /* IE10 */
	background-image:      -o-linear-gradient( #82c3ff /*{b-bup-background-start}*/, #2D9AFF /*{b-bup-background-end}*/) ; /* Opera 11.10+ */
	background-image:         linear-gradient( #82c3ff /*{b-bup-background-start}*/, #2D9AFF /*{b-bup-background-end}*/) ;
	
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	font-weight: bold;
	color:#FFF;
	text-shadow: 1px 1px 1px #411E09;
	font-size: 13px;
}

.tel_link a:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from( #2D9AFF /*{b-bup-background-start}*/), to( #82c3ff /*{b-bup-background-end}*/)) ; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #2D9AFF /*{b-bup-background-start}*/, #82c3ff /*{b-bup-background-end}*/) ; /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #2D9AFF /*{b-bup-background-start}*/, #82c3ff /*{b-bup-background-end}*/) ; /* FF3.6 */
	background-image:     -ms-linear-gradient( #2D9AFF /*{b-bup-background-start}*/, #82c3ff /*{b-bup-background-end}*/) ; /* IE10 */
	background-image:      -o-linear-gradient( #2D9AFF /*{b-bup-background-start}*/, #82c3ff /*{b-bup-background-end}*/) ; /* Opera 11.10+ */
	background-image:         linear-gradient( #2D9AFF /*{b-bup-background-start}*/, #82c3ff /*{b-bup-background-end}*/) ;
}

.point{
	color:#FF3C81;
	font-weight: bold;
	letter-spacing: 3px;
}

.pd_10 {padding: 10px;}
.fz_18 {font-size: 18px !important;}
.fz_24 {font-size: 24px !important;}