@charset "utf-8";

/*　基本設定　------------------------------------- */
body {
	margin: 0px;
	padding: 0px;
	font-family:"ＭＳ Ｐゴシック","MS UI Gothic","Osaka";
}

td {
	line-height: 150%;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

p {
	margin: 0px;
	padding: 0px;
	line-height: 150%;
}

form, input {
	margin:0;
	padding:0;
}

strong {
	font-weight: bold;
}

/*　構造　----------------------------------------- */
#head {
	line-height: 160%;
}
#head p {
	line-height: 160%;
	color: #666666;
}

#contents {
	width: 745px;
}

#main {
	float: right;
	width: 537px;
}

#main2 {
	float: right;
	width: 532px;
}

#main3 {
	width: 700px;
	margin-left: 45px;
}

#main ul,ol {
	padding: 0px;
	margin: 0px 6px 0px 15px;
}
#main li {
	background-image: url(../img/index_main_listico_001.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 9px;
	line-height: 160%;
}

#foot {
	margin-top: 40px;
	width: 745px;
	text-align: center;
}
#foot p {
	line-height: 200%;
}

.pan {
	padding: 15px 0px 14px 2px;
}


/*　その他　--------------------------------------- */
.text01 {
	padding: 8px 12px 10px 12px;
}
.font10 {
	line-height: 150%;
}

.font10_height10  {

	line-height: 10px;
}

.font14 {
	line-height: 150%;
}

.pht {
	float: right;
	padding: 3px 0px 20px 20px;
}

#dept ul {
	padding: 0px;
	margin: 1px 6px 2px 16px;
}
#dept li {
	background-image: url(../dept/img/index_arrow_001.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	padding: 0px 0px 4px 16px;
}
.clear {
	clear: both;
}

/*　文字色　--------------------------------------- */
.c_white   {color: #FFFFFF;}

.c_black   {color: #000000;}

.c_gray1   {color: #666666;}
.c_gray2   {color: #7C7B7B;}

.c_orange1 {color: #FF6600;}
.c_orange2 {color: #FE5F19;}
.c_orange3 {color: #FA9D64;}

.c_red1    {color: #FF0000;}
.c_red2    {color: #FF3300;}
.c_red3    {color: #C55353;}

.c_brown   {color: #990000;}

.c_blue1   {color: #496FC6;}
.c_blue2   {color: #4688B2;}
.c_blue3   {color: #76C8DE;}
.c_blue4   {color: #6486AB;}

.c_green1  {color: #026252;}
.c_green2  {color: #8CDE32;}
.c_green3  {color: #28835D;}

.c_purple1 {color: #C58AC2;}
.c_purple2 {color: #B2505B;}


/*　サイドコンテンツ　----------------------------- */
#side {
	width: 188px;
	float: left;
}
	
/*　ナビ　--------------------------------- */
#side_hokkaido {
	padding-left: 10px;
	}
#side_hokkaido .navi {
	background-image: url(../img/sidenavi_bg_001.gif);
	padding: 6px 5px 5px 21px;
}
#side_hokkaido .navi_top {
	background-image: url(../img/sidenavi_bg_top_001.gif);
	background-repeat: no-repeat;
	padding: 6px 5px 5px 21px;
}
#side_hokkaido .naviact {
	background-image: url(../img/sidenavi_bg_active_001.gif);
	padding: 6px 5px 5px 21px;
	font-weight: bold;
	color: #006600;
	line-height: 16px;
}
#side_hokkaido .naviact_top {
	background-image: url(../img/sidenavi_bg_top_active_001.gif);
	background-repeat: no-repeat;
	padding: 6px 5px 5px 21px;
	font-weight: bold;
	color: #006600;
	line-height: 16px;
}

#side_hokkaido .navi03 {
	background-image: url(../img/sidenavi_bg_003.gif);
	padding: 6px 5px 5px 21px;
}
#side_hokkaido .navi02 {
	background-image: url(../img/sidenavi_bg_002.gif);
	padding: 4px 5px 4px 31px;
}
#side_hokkaido .naviact02 {
	background-image: url(../img/sidenavi_bg_active_002.gif);
	padding: 4px 5px 4px 31px;
	font-weight: bold;
	color: #006600;
	line-height: 14px;
}
#side_hokkaido .naviact01 {
	background-image: url(../img/sidenavi_bg_active_003.gif);
	padding: 4px 5px 4px 42px;
	font-weight: bold;
	color: #006600;
	line-height: 14px;
}

#side_hokkaido a.menu:link,
#side_hokkaido a.menu:visited,
#side_hokkaido a.menu:hover,
#side_hokkaido a.menu:active {
	color: #FFFFFF;
	text-decoration: none;
	line-height: 16px;
}
#side_hokkaido a.menu02:link,
#side_hokkaido a.menu02:visited,
#side_hokkaido a.menu02:hover,
#side_hokkaido a.menu02:active {
	color: #FFFFFF;
	text-decoration: none;
	line-height: 14px;
	}

.margin_top20 {
	margin-top: 20px;
}

/* --------------------------------
	フィーチャー イベント情報ページ用
-------------------------------- */

div#feature_eve { position:relative; margin:0 0 0 -1px; width:533px; }

div#feature_eve ul { width:100%; font-size:0; line-height:1; }
div#feature_eve ul li { padding:5px 0 0 1px; float:left; }
div#feature_eve ul li a { display:block; }
div#feature_eve ul li.oc { position:relative; padding-top:0; width:100%; }