﻿@charset "utf-8";

/*------------------------------------------------------------------------------
minami-senshu - CSS Modules Import
URL: http://
Date: 2010-03-04
Copyright (C) Minamisenshu kanko kyanpen suisin kyogikai All Rights Reserved.
------------------------------------------------------------------------------*/


body div#Container {
	margin: 0 auto;
	background: url(../img/top/bg.jpg) 50% 0 no-repeat;
}


/* ----------------------------------------

Header 

---------------------------------------- */

body div#Header {
	height: 405px;
}

div#Header h1#SiteID {
	position: absolute;
	top: 53px;
	left: -30px;
}

div#Header h1#SiteID img {
	behavior: url(/js/iepngfix_v2/iepngfix.htc);
}


div#Header div#SearchBox {
}

div#Header div#MV {
	position: absolute;
	top: 73px;
	right: 2px;
	width: 493px;
	height: 310px;
}


/* ----------------------------------------

Main

---------------------------------------- */

div#Content div#Main {
	float: right;
}


div#Info,
div#EventCol {
	margin-bottom: 20px;
}


/* ------ Event  -------*/


div#EventCol div#EventInBox {
	float: left;
	width: 250px;
	zoom: 1;
}

div#EventInBox div#EventTit {
	margin-left: -12px;
	position: relative;
	background: url(../img/top/tit_event_bg.png) 0 0 no-repeat;
	min-height: 44px;
	height: auto !important;
	height: 44px;
}

div#EventInBox div#EventTit div.SubTit h2 {
	position: absolute;
	left: 75px;
	top: 10px;
}

div.SubTit h3,
div.SubTit h2 {
	position: absolute;
}

div.SubTit ul {
	position: absolute;
	right: 0;
}

div.SubTit ul li a {
	background: url(../img/common/icon_arrow_01.png) 0 50% no-repeat;
	padding-left: 15px;
}

div#EventInBox div#EventTit div.SubTit ul {
	top: 10px;
}


div#EventInBox dl dt {
	font-size: 83.4%;
	padding-top: 5px;
}

div#EventInBox dl dd {
	background: url(../img/common/line_dotted_01.png) 0 100% repeat-x;
	padding-bottom: 5px
}


/* ------ Character  -------*/

div#EventCol div#Character {
	float: right;
	width: 228px;
	background: #d7f4ff;
	border: 1px solid #e2e2e2;
	padding: 10px 10px 5px 10px;
	position: relative;
}

div#EventCol div#Character #CharacterImg {
	position: absolute;
	top: -10px;
	right: 10px;
}

div#EventCol div#Character h3 {
	margin-bottom: 10px;
}

div#EventCol div#Character dl {
	font-size: 83.4%;
}

div#EventCol div#Character dl dt {
	float: left;
	clear: left;
	width: 5em;
	padding: 5px 0.5em;
}

div#EventCol div#Character dl dd {
	margin-left: 0;
	padding: 5px 0.5em 5px 6em;
	background: url(../img/common/line_dotted_01.png) 0 0 repeat-x;
	color: #6b7a7f;
}

div#EventCol div#Character dl dd.Fst {
	background: none;
}



/* ------ Info  -------*/

div#Info div.SubTit {
	width: 520px;
	position: relative;
	border-bottom: 3px solid #000;
	min-height: 25px;
	height: auto !important;
	height: 25px;
}

div#Info dl dt {
	float: left;
	clear: left;
	width: 5em;
	padding: 7px 0.5em 5px 0;
	font-size: 83.4%;
}

div#Info dl dd {
	margin-left: 0;
	padding: 5px 0.5em 5px 6em;
	background: url(../img/common/line_dotted_01.png) 0 100% repeat-x;
}


/* ------ PickUp  -------*/

div#PickUp div#PickUpInBox {
	background: #fffee5;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	padding: 15px 15px 0 15px;
}


div#PickUp div.SubTit {
	width: 520px;
	position: relative;
	border-bottom: 3px solid #000;
	min-height: 25px;
	height: auto !important;
	height: 25px;
	background: #fff;
}

div#Spot {
	background: url(../img/common/line_dotted_01.png) 0 100% repeat-x;
}

div#Model {
	margin-top: 15px;
}

div#PickUp div#Model div.SubTit,
div#PickUp div#Spot div.SubTit {
	width: 490px;
	position: relative;
	border-bottom: none;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	background: #fffee5;
	margin-bottom: 5px;
}

div#PickUp div#Model div.SubTit ul,
div#PickUp div#Spot div.SubTit ul {
	font-size: 83.4%;
}

div#PickUp div#Model div.SubTit ul li a,
div#PickUp div#Spot div.SubTit ul li a {
	background: url(../img/common/icon_arrow_03.png) 0 50% no-repeat;
	padding-left: 15px;
}

ul.SpotList {
	margin-left: -15px;
	zoom: 1;
}

*html ul.SpotList {
	padding-bottom: 15px;
}

*+html ul.SpotList {
	padding-bottom: 15px;
}

ul.SpotList li {
	float: left;
	width: 235px;
	padding-left: 15px;
	margin-bottom: 15px;
}

ul.SpotList li img {
	float: left;
	width: 80px;
	border: 1px solid #bac3cd;
}

ul.SpotList li p {
	float: right;
	width: 140px;
}

ul.SpotList li p a {
	display: block;
	font-weight: bold;
}

/* ----------------------------------------

Sub

---------------------------------------- */

div#Content div#Sub {
	float: left;
	margin-top: 0;
}


/* ----------------------------------------

ClearFix (必要なければ消す)

---------------------------------------- */

/* -- Modern Browsers -- */

ul.SpotList li:after,
ul.SpotList:after,
div#EventCol:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* -- IE7 -- */

*:first-child+html ul.SpotList li,
*:first-child+html ul.SpotList,
*:first-child+html div#EventCol {
	display: inline-block;
}

/*  -- Legacy IE -- */

* html ul.SpotList li,
* html ul.SpotList,
* html div#EventCol {
	zoom: 1;
}