@charset "utf-8";
/* CSS Document */

/* 初期設定　全体とヘッダ固定
----------------------------------------- */


/* html,bodyタグの設定 */
html, body{
	margin: 0;         /* 余白の削除 */
	padding: 0;        /* 余白の削除 */
	width: 100%;
	height: 100%;
	font-size: 13px;
	line-height: 170%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #666;
}


/* ヘッダーの固定 */
div#header-fixed
{
    position: fixed;            /* ヘッダーの固定 */
    top: 0px;                   /* 位置(上0px) */
    left: 0px;                  /* 位置(右0px) */
    width: 100%;                /* 横幅100%　*/
    height: 140px;              /* 縦幅140px */
}
 
 
div#header-bk { 
	background-color:#F3F3EF;     /* 背景色(黒) */
	padding:10px 0 20px;       /* 上10px、下20pxをあける */
	height:110px;              /* 縦の高さ110px */
	width:100%;                /* 横の幅を100% */
}
 
 
div#header { 
	border: 0px; 
	height: 100%;              /* 縦の表示領域はheader-bkと同じ */
	width: 960px;              /* 横の幅970px */
	margin: auto;              /* 中央揃え */
}

div#logo { 
	border: 0px; 
	width: 149px;
	margin-right:70px;
	float: left;
}

div#menu { 
	border: 0px;
	margin-top:47px;
	margin-right:40px;
	float: left;
}

div#link { 
	border: 0px;
	margin-top:39px;
	float: left;
}




/* ボディの定義 */
div#body-bk{
    padding:160px 0 160px 0;    /* 上下に160pxを余白を取る */
}
 
div#body{
    width:960px;
    margin:auto;
}

div#top_blank{
	width:960px;
	height:670px;
}

div#top_point{
	width:800px;
	margin: 0 auto;
	text-align:center;
}

div#top_system{
	width:720px;
	margin: 20px auto 50px;
	text-align:center;
}

div#point_first{
	margin-top:40px;
	margin-bottom:20px;
}

div#point{
	margin-bottom:20px;
}

div#p_grid_base{
	width:800px;
	margin-top:50px;
	margin-bottom:20px;
}


div#p_grid_l{
	width:355px;
	margin-right:90px;
	margin-bottom:20px;
	float: left;
	text-align:left;
}

div#p_grid_r{
	width:355px;
	margin-bottom:20px;
	float: left;
	text-align:left;
}

div#size{
	width:660px;
	margin:20px 10px 20px;
	padding:5px 20px 5px;
	border:1pt solid;
	border-color:#EDEBE1;
	text-align:left;
	line-height: 150%;
}

div#size_contact{
	width:560px;
	margin:20px 60px 20px;
	padding:5px 20px 5px;
	border:1pt solid;
	border-color:#EDEBE1;
	text-align:left;
	line-height: 190%;
}


div#sy_grid_1{
	width:200px;
	margin-left:40px;
	margin-right:50px;
	margin-bottom:20px;
	float: left;
	text-align:left;
}

div#sy_grid_2{
	width:390px;
	margin-bottom:20px;
	float: left;
	text-align:left;
}

div#sy_grid_3{
	width:155px;
	margin-right:30px;
	margin-bottom:20px;
	float: left;
	text-align:left;
}

div#sy_grid_4{
	width:155px;
	margin-bottom:20px;
	float: left;
	text-align:left;
}

.detail{
	font-size:11px;
	text-align:left;
	line-height:150%;
	margin-bottom:30px;
}

div#size_contact_info{
	width:560px;
	margin:20px 60px 20px;
	padding:5px 20px 5px;
	border:1pt solid;
	border-color:#EDEBE1;
	text-align:left;
	line-height: 170%;
}

.con_store{
	width:150px;
	margin-right:20px;
	float:left;
}

.con_store_info{
	width:350;
	float:left;
}



/* 初期設定　グリッドシステム
----------------------------------------- */


/* グリッドシステム */
.container { width: 940px; margin: 0 auto;}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12, .grid13 {
  float: left;
  display: inline;
  margin-left: 20px;
  margin-top:20px;
  border:0;
}
.grid1 {width: 60px;}
.grid2 {width: 140px;}
.grid3 {width: 220px;}
.grid4 {width: 300px;}
.grid5 {width: 380px;}
.grid6 {width: 460px;}
.grid7 {width: 540px;}
.grid8 {width: 620px;}
.grid9 {width: 700px;}
.grid10 {width: 780px;}
.grid11 {width: 860px;}
.grid12 {width: 940px;}
.grid13 {width: 940px; text-align:center}
.first {margin-left: 0;clear: left;}
.margin {clear: left; margin:33px 40px 40px}

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix {zoom: 1;}


/* マウスオーバー */
.alpha a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}




/* フッターの固定 */
div#footer-fixed
{
    position: fixed;            /* フッターの固定 */
    bottom: 0px;                /* 位置(下0px) */
    left: 0px;                  /* 位置(左0px) */
    width: 100%;                /* 横幅100%　*/
    height: 40px;              /* 縦幅140px */
}
 
div#footer-bk
{
	background-color:#F3F3EF;     /* 背景色(黒) */
	padding:10px 0 20px;       /* 上10px、下20pxをあける */
	height:10px;              /* 縦の高さ140px */
	width:100%;                /* 横の幅を100% */
}
 
div#footer { 
	border: 0px;    /* 表示領域を白枠で囲う */
	height: 100%;              /* 縦の表示領域はheader-bkと同じ */
	width: 960px;              /* 横の幅970px */
	margin: auto;              /* 中央揃え */
	text-align:center;
	color:#999;
	font-size:11px;
}