/*---------------
 基本
------------------------------*/
body{
	color: #525252;
}

a {
	color: #525252;
}

p,ul,li,tr,td{
	font-size: 12px;
	line-height:1.5;
}

th{
	color: #fff;
	background-color: #86b1f2;
	line-height: 24px;
	font-size:14px;
	margin:.5em 0;
}

/*---------------
 id
------------------------------*/
#wapper{
	width: auto;
	max-width: 1000px;
	height: auto;
	margin:0 auto;
	display: block;
}

#header{
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
}

#contents{
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
}


#columnLeft{
	width: 100%;
	max-width: 220px;
	height: auto;
	vertical-align:top;
	display: inline-block;
}

#columnRight{
	width: 100%;
	max-width: 220px;	
	height: auto;
	vertical-align:top;
	display:inline-block;
}

/*---------------
 メインカラム
------------------------------*/
#columnMain{
	width: 100%;
	max-width: 540px;
	height: auto;
	margin: 0 auto;
	vertical-align:top;
	display:inline-block;
}

.columnMain_inner{
	width: 100%; /* Firefox,IE,Opera */
	max-width: 540px;
	height: auto;
	display: block;
	margin: 0 auto;
}

.columnMain_inner p{
	text-align:center;
	font-size: 12px;
}

.bukken_thum{
	width: 100px; 
	height: auto; 
	border: solid 1px #000;
	margin: 0 auto .25em;
	display: inline-block;
	*display: inline;/* IE6,7 */
	*zoom: 1;/* IE6,7 */
}

.bukken_thum p{
	margin: .25em 0 0;
}

.bknImg{
	width: 100px;
	min-width: 100px; /* イメージサイズを固定 */
	height: auto;	
}

.bukken_thum span{
	color: #ff0000; 
	font-weight: bold;
}

.columnMain_banner{
	display: block;
	margin:0 auto;
}

.columnMain_banner ul{
	margin: 0;
	padding: 0;
}

.columnMain_banner ul li{
	list-style: none;
	margin-bottom: .5em;
}

/*---------------
 フッター 
------------------------------*/
#footer{
	width: auto;
	max-width: 100%;
	margin: 0 auto;
	display:block;
	margin:2em 0 0;
}

#footer-menu{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	display:block;
	background-color: #86b1f2;
	line-height: 24px;
}

#footer-menu ul{
	margin:0;
	padding:0 1em 0 0;
	text-align:right;
}

#footer-menu ul li{
	list-style: none;
	display:inline-block;
}

#footer-menu ul li a{
	color: #fff;
}

#footer-menu ul li a:hover{
	color: #00cccc;
}

#copyright{
	text-align: center;
}

#copyright a{
	text-decoration:none;
}

/*---------------
 ナビゲーション 
------------------------------*/
nav{
	width: 1000px;
	height: auto;
}

.mod_nav p.navtitle{
	display:none;
}

.gnav{
	text-align:center;
	padding:0;
	}

.gnav li{
	display:inline-block;
	*display: inline; /* IE6,7 */  
    *zoom: 1; /* IE6,7 */
}

.gnav_mgnL{
	margin-left:1em;
}

/*---------------
 トップに戻る
------------------------------*/
.pagetop {
	display: block;
	position: fixed;
 	bottom: 10px;
	right:10px;
 	width:50px;
 	height:50px;
}

.pagetop a:hover {
	opacity:.6;
	background-color: transparent;
}

.top_return{
	width:50px;
	height:50px;
	min-width:50px !important;		
}

/*---------------
 Facebook
------------------------------*/
#fb-box{
	position:relative;
	width: 100%;
	max-width: 540px;
	height:auto;
	margin:0 auto;
	text-align:center;	
}

.fb-page{
	position:absolute; /* 絶対配置 */
    top:25%; 
    left:25%;
    width: 100%; /* 大枠と同じ幅に */
    margin:0 0 0 -50%; /* 要素の大きさの半分引く */
}


/*---------------
 デフォルトCSS
------------------------------*/
TD{
	font-size : 12px;
}

a:hover {
	/*background-color: #00cccc;*/
	color: #00cccc;/*#2b2b2b*/
}

a:hover img {
	opacity:.6;
}

IFRAME{
	border-width: 1px 1px 1px 1px;
}

.table1 {
	width: 100%; /* テーブルの横幅 [change]100%に変更*/
	max-width: 540px;/* [add] */
	border-collapse: collapse; /* 枠線の表示方法 */
	border: 1px #6666666 solid; /* テーブル全体の枠線（太さ・色・スタイル） */
	clear: both;
}

.table1 TD {
	border: 1px #666666 solid; /* セルの枠線（太さ・色・スタイル） */
}

/* ===============
 メディアクエリ
======================================== */
@media screen and (max-width: 768px) {
/*---------------
 タグ
------------------------------*/
hr{
	width: auto;
	max-width: 100%;
}

img{
	width: auto;
	max-width: 100%;
	min-width:300px; /*画像サイズを画面サイズに合わせる*/
	height: auto; /*画像サイズを画面サイズに合わせる*/
}


table{
	width: auto;
	max-width: 100%;
	height: auto;
	border: none; /*テーブルのボーダー削除 */
	margin:0 auto;
}

tr,th,td{
	width: auto;
	max-width: 100%;
	height: auto;
	border: none; /* セルのボーダー削除 */
	display: block;
}

/*---------------
 id
------------------------------*/
#wapper{
	width: 96%;
	margin:0 auto; /* 左右に余白 */
	display:block; 
}

#contents{
	width : auto;
	max-width: 100%;
	height: auto;
	display:block;
	border:none;
}

#columnLeft{
	width: auto;
	min-width: 100%;
	display:block;
	margin:1em auto;
}

#columnRight{
	width: auto;
	min-width: 100%;
	/*height: auto;*/
	display:block;
	margin:1em auto;
}

/*---------------
 メインカラム
------------------------------*/
#columnMain{
	width: auto;
	max-width: 100%;
	/*height: auto;*/
	display: block;
	margin:1em auto;
}

.columnMain_inner{
	width: auto;
	max-width: 100%;
	margin:.5em auto;	
	display:block;	
}

.bukken_thum{
	width: 100px;
	display: inline-block;
	margin: 0 0 .25em 1.2%;
	height: auto;
}

.bknImg{
	width: 100px;
	min-width: 100px; /* イメージサイズを固定 */
	height: auto;	
}

.columnMain_banner{
	display:block;
}

.columnMain_banner ul li{
	display: block;
	text-align:center;
}

p.aligncenter{
	text-align:center;
}


#copyright{
	margin-top:1em;
}

#twitter{
	text-align:center;
}

.table1 td{
	display: block;
}

/*---------------
 アイコン
------------------------------*/
.iconNew{
	min-width: 11px;
	width: 11px;
	height: 11px;
}

.iconList{
	min-width: 16px;
	width: 16px;
	height: 9px;
}

/*---------------
 ナビゲーション
------------------------------*/
nav{
	width:100%;
}

.mod_nav{
	width: auto;
}

.mod_nav p.navtitle{
	cursor:pointer;
	display:block;
	line-height:45px;
	color:#FFF;
	padding:0 0 0 4px;
	font-size:110%;
	font-weight:bold;
	background-color:#666666;
}

.mod_nav p.navtitle img{
	width:32px;
	height:32px;
	vertical-align:middle;
	margin-right:10px;
	min-width:32px;
}

.mod_nav ul{width:100%; display:none;}
.mod_nav ul li{float:none;}
.mod_nav ul li{
	width:100%;
	height:45px; /* メニューの高さ */
	text-indent:10px; /* メニュー文字の左余白 */
	text-align:left;
	background-color:#999999;
	border-bottom:solid 1px #ffffff;
	line-height:45px;
}

.mod_nav ul li a{
	display:block;
	color:#FFF;
}
.mod_nav ul li.current a{
	font-weight:bold;
}
.mod_nav ul li a:link    {color:#FFF; text-decoration:none;}
.mod_nav ul li a:visited {color:#FFF; text-decoration:none;}
.mod_nav ul li a:hover   {color:#FFF; text-decoration:none; background-color:#666666;}
.mod_nav ul li a:active  {color:#FFF; text-decoration:none; background-color:#666666;}

.gnav{
	text-align:left;
	}

.gnav li{
	position: relative;
	display:block;
    *zoom: 1;/*IE*/
}

.gnav_mgnL{
	margin-left:0;
}

}