﻿
@charset "utf-8";

/*-■■■■■■■ Something ページの基本デザイン用CSS ■■■■■■■■■■■■■■-*/



/* === START ==== ページ上部マージンを”0 ”に設定 ============*/

body { margin: 0px; padding: 0px; }

/* ===============================================END======== */



/* ========START====== TEXTの書体・カラーの設定 ==============*/
body {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height:15px;               /* 行間を少し広げる */
	letter-spacing:1px;		/* 時間を少し空ける */
	color :#333333;
}
/* ===============================================END======== */



/*-------リンクカラーの設定---------------------*/

A:link {COLOR:#1C0ED3; text-decoration:none;}
A:visited {COLOR:#1C0ED3; text-decoration:none;}
A:hover {COLOR:#ED083E; text-decoration:underline;}

/*----------------------------------------------*/



/* ============= 全体の位置  背景色の指定 ===================*/
body {
	text-align:center;
	font-size: 12px; /*--- 文字の大きさの設定 ---*/
	background-color:#FFFFFF;		/*--- 背景色を指定 #DBDBB7---*/
}
/* ===============================================END======== */



/* ======== wrapper ページ全体の設定 =========================*/
#wrapper {
	width: 900px ;
	margin: auto;/* AUTOを設定すると全体が中心になる */

}
/* ===============================================END======== */



/* ======== header の設定 ====================================*/
#header {
	width: 100%;
	background-color: #DDDDDD;
	height: 53px;
}
/* ===============================================END======== */



/* ======== pan_kuzu の設定 ====================================*/
#pan_kuzu {
	width: 100%;
	margin-top: 5px; 	/* 上方向にマージンを指定 */
	padding-top:5px;
	background-color: #DDDDDD;
	height: 25px;
}
/* ===============================================END======== */



/* ★★★★★★ container の設定 ★★★★★★★★★★★★★★★*/
#container {
	float: center;
	width:  900px;
}
/* ★★★★★★★★★★★★★★★★★★★★★★★★ END ★★★*/



/* ======== primary の設定 ====================================*/
#primary {
	float: left;
	width: 613px;
	margin-top: 5px; 	/* 上方向にマージンを指定 */
	margin-bottom: 5px; 	/* 上方向にマージンを指定 */
	margin-right: 5px; 	/* 上方向にマージンを指定 */
	background-color: #FFFFFF;
}

/* ====== primary内にボックスを設定する場合に使う ====== */

#primary .list_box{
	width: 100%;
	float: left;
}

/* ===================================================== */


/* ===============================================END======== */



/* ======== secondary の設定 ====================================*/
#secondary {
	float: left;
	width: 172px;
	margin-top: 5px; 	/* 上方向にマージンを指定 */
	margin-bottom: 5px; 	/* 下方向にマージンを指定 */
	margin-right:  5px; 	/* 上方向にマージンを指定 */
	background-color: #FFFFFF;
}
/* ===============================================END======== */



/* ======== advertisement の設定 ====================================*/
#advertisement {
	float: right;
	width: 105px;
	margin-top: 5px; 	/* 上方向にマージンを指定 */
	margin-bottom: 5px; 	/* 下方向にマージンを指定 */
	background-color: #FFFFFF;
}
/* ===============================================END======== */



/* ======== footer の設定 ====================================*/
#footer {
	clear: both; /* 寄せを解除 */
	text-align:center;	/* 文字位置の設定 */
	padding:5px 5px 5px 5px;
	background-color: #DDDDDD;
	height: 80px;
}
/* ===============================================END======== */

/* ======== address の設定 ====================================*/
#address {
	clear: both; /* 寄せを解除 */
	margin-top: 20px; /* 上方向にマージンを指定 */
	margin-bottom: 50px; /* 上方向にマージンを指定 */
	background-color: #FFFFFF;
	height: 50px;
}
/* ===============================================END======== */
