/* ### レイアウト ### */
#container	{width: 100%;}


#content	{
    width: 68.0%;
}




#sidebar {
    width: 30.0%;
}



/* ### ヘッダー ### */

/* ヘッダー画像 */
#header	{width: 100%;
	height: 0;
	padding-bottom: 30.2%;
	background-size: 100% auto;}





#midashi h1	{
    font-size: 16px;
    padding: 8px 20px 5px 20px;
}


/* ナビゲーションメニュー */
#nav	{
    width: 100%;
	}

#nav ul li a	{
   	padding: 15px 0px 12px 0px;
}

#pan_list	{
    width: 100%;
}

/* ### コンテンツ ### */



/* ＴＯＰイメージ画像 */
#content #top_img {
    max-width: 96%;
    height: auto;
}

#content #top_img img{
	max-width:  95%;
	height: auto;
}


#content h2	{font-size: 18px;
    max-width: 90%;
}

#content h3	{font-size: 16px;
    max-width: 75%;
}

#content h4	{font-size: 14px;
    max-width: 60%;
}



/* コンテンツ画像 */

#content img	{max-width: 98%;
	height: auto;}



/**********************************/
/*　画像　横２枚の表示　最大幅    */
/**********************************/
#content #photo2 img	{
    max-width: 200px;
max-height: 200px;
	}






/* 　矢印（下向き）　　　　*/
.arrow_d {
     position:relative;
     left: 50%;
}







/*　説明用背景1　*/

#content #back_color1 {

        max-width:86%;
}


/*　Box　中央　　文字：中央*/
#content #back_color_center_center {
	padding: 10px 10px 10px 10px;
/*	margin-left: auto;*/
/*	margin-right: auto;*/
        max-width:85%;
}





/*　Box　中央　　文字：左*/
#content #back_color_center {
	padding: 10px 10px 10px 10px;
/*	margin-left: auto;*/
/*	margin-right: auto;*/
        max-width:85%;
}


/*　Box　中央　　文字：左*/
#content #back_color_center2 {
	padding: 10px 10px 10px 10px;
/*	margin-left: auto;*/
/*	margin-right: auto;*/
        max-width:85%;
}


/*　Box　中央　　文字：左　背景色なし*/
#content #back_center {
	padding: 10px 10px 10px 10px;
/*	margin-left: auto;*/
/*	margin-right: auto;*/
        max-width:85%;
}




/*********************************************************/
/* 　左右二列の表示　左：画像（広告）右：テキスト  */
/*********************************************************/

/* 　左：画像（広告）  */

#content .img_left  {
    width: 50%; /*　画像サイズ、テキストにより変更*/
}

/* 　右：テキスト  */
#content .text_right  {
    width: 50%; /* 画像サイズ、テキストにより変更*/
}





/*********************************************************/
/* 　左右二列の表示　  */
/* 　左　流鏑馬アイコン用　　右　テキスト  */
/*********************************************************/

/* 　左：画像（アイコン）  */
#content .icon_left  {
    float: none;
    width: 100%; 
}

#content .img_left p img {
    max-width: 90%;}


/* 　右：テキスト  */
#content .icon_right  {
    float: none;
    width: 100%; 
}



#linkspace img	{max-width: 80%;
	height: auto;}






/* ### サイドバー ### */

.ad {
    width: 100%;
}

/* サイドバー用 */
#linkspace_side{
    width: 80%;
}


.menu li a	{
	font-size: 12px;
	padding: 13px 0 13px 20px;
	}

#sidebar p	{
	font-size: 12px;
	}