@charset "UTF-8";

/*
======== table of content. =================================

summary: トップページ用CSS定義

- INDEX-HEADER
- PROMOTIONAL-IMAGE
- GLOBAL-NAVI
- CONTENT
  - MAIN
   - MAGAZINE-BOX
		 - VOYAGE-BOX
		- SUB
- BANNER-LIST

============================================================
*/

body#footer h1 {
	margin-top: 9px;
	margin-bottom: 21px;
}

/*------------------------------------------------
MAIN
--------------------------------------------------*/
#main02 {
	float: left;
	width: 960px;
}

/*-----------------------------------------------------
CONTENT
-------------------------------------------------------*/
#content {
	margin-bottom: 10px;
}

#content02 ul a:hover,
#content03 h3.title a:hover,
#content02 p.title a:hover {
	text-decoration: none;
}

#content h1 {
	margin-top: 0px;
	margin-bottom: 21px;
}

/*-------------------------------------------
COLUMN
---------------------------------------------*/
/*-------------------------------------------
LEFT
---------------------------------------------*/
#main02 .column.left {
	float: left;
	width: 477px;
}

#main02 .column.left h2{
	margin: 0 0 20px 0px;
}

/*-------------------------------------------
RIGHT
---------------------------------------------*/
#main02 .column.right {
	float: right;
	width: 477px;
}

#main02 .column.right h2{
	margin: 0 0 20px 0px;
}

/*------------------------------------------------
BOX
--------------------------------------------------*/
#content .boxcap02,
#content .boxbottom02 {
	height: 5px;
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 1px;
	line-height: 1px;
}

#content .box02 {
	padding: 10px 17px;
	background-repeat: repeat-y;
	background-position: center top;
}

#content .box02.form {
	padding-left: 32px;
	padding-right: 32px;
}

#content .box02.readmore {
	padding-bottom: 2px;
}

#main02 .boxcap02 {
	background-image: url(../../privacy/images/bg_column_header.gif);
	behavior: url(global/js/csshover.htc);
}

#main02 .boxbottom02 {
	margin-bottom: 0px;
	background-image: url(../../privacy/images/bg_column_bottom.gif);
	behavior: url(global/js/csshover.htc);
}

#main02 .box02 {
	background-image: url(../../privacy/images/bg_column_box.gif);
	behavior: url(global/js/csshover.htc);
	height: 380px;
}

/*-----------------------------------------------------
INDEX-HEADER
-------------------------------------------------------*/
#index-header {
	height: 30px;
	padding-top: 4px;
	padding-bottom: 6px;
	background:
		transparent
		url(../../images/bg_header.gif)
		repeat-x left top;
}

/*-----------------------------------------------------
PROMOTIONAL-IMAGE
-------------------------------------------------------*/
img#promotional {
}

/*-----------------------------------------------------
GLOBAL-NAVI
-------------------------------------------------------*/
body#index #global-header {
	margin-bottom: 17px;
}

body#index #global-header ul#gn {
	left: 110px;
}

body#index h1#logo-sv a {
	background-image:url(../../images/logo_studiovoice.gif);
}

/*-----------------------------------------------------
CONTENT
-------------------------------------------------------*/
body#index #content {
	margin-bottom: 21px;
}

/*------------------------------------------------
MAGAZINE-BOX
--------------------------------------------------*/
h4.sv-no {
	position: absolute;
	left: 150px;
	top: -3px;
	display: inline;
	font-weight: bold;
}

p.sv-price {
	position: absolute;
	left: 150px;
	top: 20px;
	display: inline;
}

/*-----------------------------------------------------
BANNER-LIST
-------------------------------------------------------*/
ul.banner-list {
	margin-bottom: 21px;
	list-style: none;
}

ul.banner-list li {
	float: left;
	padding-left: 6px;
}

ul.banner-list li img,
ul.banner-list li a img {
	border: none;
}