@charset "utf-8";


/*全体の設定
---------------------------------------------------------------------------*/

body { 
	margin: 0; 
	padding: 0; 
	color: #222; 
	font-size : 13px/2; 
	background-color: #fff;

}

/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
	max-width: 100%;	
	margin: 20px 30px 50px;
}

/*入力フォームレイアウト
---------------------------------------------------------------------------*/

table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:0px;
	padding:10px;
	font-size:14px;
}
table.formTable th{
	width:20%;
	font-weight:normal;
	text-align:left;
}


/*メインコンテンツ、トピックスなど
---------------------------------------------------------------------------*/
#main {
	
	box-shadow:rgba(0, 0, 0, 0.498039) 0px 0px 10px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.498039) 0px 0px 10px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.498039) 0px 0px 10px 3px;
}
/*mainコンテンツのh2タグ設定*/
#main h2 {
	font-size: 14px;	/*文字サイズ*/
	color: #7F7F7F;		/*文字色*/
	border-bottom: 2px solid #545454;	/*下線の幅、線種、色*/
	padding:10px 0 0 0;
	
}
/*mainコンテンツのh3タグ設定*/
#main h3 {
	font-size: 14px;	/*文字サイズ*/
	color: #7F7F7F;		/*文字色*/
	border-bottom: 1px solid #545454;	/*下線の幅、線種、色*/
	padding:10px 0 0 0;
	
}
/*mainコンテンツのh4タグ設定*/
#main h4 {
	font-size: 5px;	/*文字サイズ*/
	color: #7F7F7F;		/*文字色*/
	border-bottom: 1px solid #545454;	/*下線の幅、線種、色*/
	text-align:center;
	padding:0 0 0 0;
	
}
/*mainコンテンツのh5タグ設定*/
#main h5 {
	font-size: 13px;	/*文字サイズ*/
	color: #7F7F7F;		/*文字色*/
	border-bottom: 1px solid #545454;	/*下線の幅、線種、色*/
	padding:10px 0 0 0;
	
}




/*トップページ内フォームブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#topic {
	padding-left: 100px;	/*ロゴを表示させる部分を空ける設定*/
}
#topic dl {
}
/*左列設定*/
#topic dt {
	float: left;
	width: 50px;
	font-size:13px;
	line-height: 120%;
}
/*右列設定*/
#topic dd {
	padding-left: 60px;
	font-size:13px;
	line-height: 120%;
	padding-right:10px;
}

#topic a {
	color:#3399FF;
}

/*トップページ内フォームブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new {
	padding-left: 100px;	/*ロゴを表示させる部分を空ける設定*/
	padding-bottom:15px;
}
#new dl {
}
/*左列設定*/
#new dt {
	float: left;
	width: 200px;
	font-size:13px;
	line-height: 120%;
}
/*右列設定*/
#new dd {
	padding-left: 200px;
	font-size:13px;
	line-height: 120%;
	padding-right:10px;
}

#new a {
	color:#3399FF;
}
	

/*その他
---------------------------------------------------------------------------*/
img {
	max-width: 100%;
	height: auto;
}
.newicon {
	background: #F00;
	color: #FFF;
	font-size: 10px;
	padding: 0px 5px;
	border-radius: 2px;
	margin: 0px 5px;
	border-style: solid ; 
	border-width: 1px;  
	border-color: #fff;
}



/*ここからスマートフォン用環境の設定
---------------------------------------------------------------------------*/
@media (max-width : 740px){

/*ヘッダー（サイト名ロゴが入ったブロック）・スマフォ
---------------------------------------------------------------------------*/
/*ヘッダーブロックの中*/
header .inner {
	width: auto;
	height: 28px;
}
/*h1ロゴの設定*/
header .inner h1 {
	position: absolute;
	left: 10px;	/*innerに対して左から20pxの場所に配置*/
	top: 5px;	/*innerに対して上から5pxの場所に配置*/
}


/*コンテンツ・スマフォ
---------------------------------------------------------------------------*/
#contents {
	width: auto;
	margin: 10px 5px 70px;
}

/*入力フォームレイアウト・スマフォ
---------------------------------------------------------------------------*/

table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:0px;
	padding:10px;
	font-size:13px;
}
table.formTable th{
	width:40%;
	font-weight:normal;
	text-align:left;
}
button.button5 {
    /* 文字サイズを1.4emに指定 */
    font-size: 1.4em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 10px 30px;

    /* 背景色を濃い青色に指定 */
    background-color: #248;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border-style: none;

    /* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;
}

button.button5:hover {
    /* 背景色を明るい青色に指定 */
    background-color: #24d;

    /* 文字色を白色に指定 */
    color: #fff;
}

/*メインコンテンツ・スマフォ
---------------------------------------------------------------------------*/
#main {
	background: url() no-repeat right center;
}

#main h2 {
	font-size: 13px;	/*文字サイズ*/
	color: #7F7F7F;		/*文字色*/
	border-bottom: 2px solid #545454;	/*下線の幅、線種、色*/
	padding:15px 0 0 5px;

	
}

#main h3 {
	font-size: 13px;	/*文字サイズ*/
	color: #7F7F7F;		/*文字色*/
	border-bottom: 1px solid #545454;	/*下線の幅、線種、色*/
	text-align:left;
	padding:15px 0 0 5px;

	
}

/*mainコンテンツのh4タグ設定*/
#main h4 {
	font-size: 5px;	/*文字サイズ*/
	color: #7F7F7F;		/*文字色*/
	border-bottom: 1px solid #545454;	/*下線の幅、線種、色*/
	text-align:center;
	padding:0 0 0 0;
	
}
/*mainコンテンツのh5タグ設定*/
#main h5 {
	font-size: 12px;	/*文字サイズ*/
	color: #7F7F7F;		/*文字色*/
	border-bottom: 1px solid #545454;	/*下線の幅、線種、色*/
	padding:10px 0 0 0;
	
}

/*トップページ内トピックブロック・スマフォ
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#topic {
	padding-left: 5px;
}
#topic dl {
}
/*左列設定*/
#topic dt {
	float: none;
	width: auto;
	font-size:12px;
}
/*右列設定*/
#topic dd {
	padding-left: 0;
	font-size:12px;
	padding-right: 0;
}

#topic a {
	color:#3399FF;
}

/*トップページ内フォームブロック・スマフォ
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new {
	padding-left: 5px;
}
#new dl {
	height: auto;
}
/*h2タグ*/
#new h2.open {
	background: url(../images/btn_minus.png) no-repeat right center);	/*マイナスアイコン*/
	background: url(../images/btn_minus.png) no-repeat right center;	/*同上*/
	background: url(../images/btn_minus.png) no-repeat right center;	/*同上*/
}
#new h2.close {
	background: url(../images/btn_plus.png) no-repeat right center;	/*プラスアイコン*/
	background: url(../images/btn_plus.png) no-repeat right center;	/*同上*/
	background: url(../images/btn_plus.png) no-repeat right center;	/*同上*/
}
/*左列設定*/
#new dt {
	float: none;
	width: auto;
	font-size:12px;
}
/*右列設定*/
#new dd {
	padding-left: 0;
	font-size:12px;
	padding-right: 0;
}

#new a {
	color:#3399FF;
}
	
}

/*google map
---------------------------------------------------------------------------*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}