@charset "UTF-8";
/*
======== table of content. =================================

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

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

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

/*-----------------------------------------------------
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: 16px;
}
body#index h1#logo-sv a {
	background-image:url(../../images/logo_studiovoice.gif);
}
body#index h2#version {
	font-size: 12px;
	color: #FFFFFF;
	position: relative;
	top: 17px;
	left: 10px;
}
/*-----------------------------------------------------
CONTENT
-------------------------------------------------------*/
body#index #content {
	margin-bottom: 21px;
}
/*------------------------------------------------
MAIN
--------------------------------------------------*/

#recommend-box img.no-border {
	border: 0!important;
}
/*------------------------------------------------
RECOMMEND
--------------------------------------------------*/
h3.reco_title {
	border: none;
	margin-bottom: 3px;
}
/*------------------------------------------------
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;
}
/*------------------------------------------------
SUB
--------------------------------------------------*/
/* AD */
body#index #sub .ad-banner {
	margin-top: 19px;
}
/*------------------------------------------------
LOGIN-BOX
--------------------------------------------------*/
#login-box {
	position: relative;
}
#login-box label {
	clear: left;
	display: block;
	float: left;
	width: 24px;
	margin-top: 6px;
	text-align: center;
}
#login-box input.login {
	width: 180px;
	border: 1px solid #666;
	margin-top: 6px;
}
#login-box input.loginbt {
	position: absolute;
	top: 12px;
	right: 15px;
	display: block;
	width: 65px;
	height: 56px;
	background:
 transparent  url(../../images/bt_login.gif)  no-repeat 0 0;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	overflow: hidden;
}
#login-box p.is_save {
	margin: 10px 0px 0px 23px;
}
#login-box p.no_pw {
	margin: 5px 0px 0px 23px;
}
#login-box p.new-regist {
	float: left;
	display: inline;
	height: 25px;
}
#login-box p.new-regist a {
	float: left;
	width: 71px;
	height: 0;
	padding-top: 25px;
	background:
 transparent  url(../../images/bt_new-regist.gif);
	overflow: hidden;
}
#login-box p.new-regist a:hover {
	background-position: 0 -25px;
}
#login-box p.about-sns {
	margin-top: 18px;
}
/*-----------------------------------------------------
BANNER-LIST
-------------------------------------------------------*/
ul.banner-list {
	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;
}