@charset "UTF-8";

/* くじらに会おう.com - トップページのCSSです */

/*--------------------------------------------------------*/
/* Header */
div#header1 {
	background: url(/image/top/hd_bg1.jpg) left top no-repeat;
	width: 745px;
	height: 126px;
}
img#logo {
	float: left;
	margin: 2px 0 0 7px;
}
div#h-text {
	width: 430px;
	height: 33px;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 150%;
	margin: 12px 0 0 20px;
	padding: 0;
	overflow: hidden;
}
h1 {
	font-size: 12px;
	line-height: 100%;
	margin: 0;
	padding: 0;
}
div#header2 {
	background: url(/image/top/hd_bg2.jpg) right top no-repeat;
	width: 242px;
	height: 126px;
}
div#header2 img {
	margin: 0 0 0 13px;
}

div#header3 {
	background: url(/image/top/hd_bg3.jpg) left top no-repeat;
	width: 745px;
	height: 226px;
}
div#header4 {
	background: url(/image/top/hd_bg4.jpg) right top no-repeat;
	width: 242px;
	height: 226px;
}

/* Menu */
ul#menu {
	clear: both;	
	margin: 0 0 0 9px;
}
ul#menu li {
	float: left;
}
ul#menu li a {
	display: block;
	background: url(/image/top/menu.jpg) no-repeat;
	height: 56px;
	text-indent: -999em;
}

/* Menu Link */
ul#menu li.menui01 a {
	background-position: 0 0;
	width: 86px;
	margin-right: 2px;
}
ul#menu li.menui02 a {
	background-position: -88px 0;
	width: 134px;
	margin-right: 1px;
}
ul#menu li.menui03 a {
	background-position: -223px 0;
	width: 104px;
	margin-right: 1px;
}
ul#menu li.menui04 a {
	background-position: -328px 0;
	width: 113px;
	margin-right: 1px;
}
ul#menu li.menui05 a {
	background-position: -442px 0;
	width: 103px;
	margin-right: 1px;
}
ul#menu li.menui06 a {
	background-position: -546px 0;
	width: 87px;
	margin-right: 1px;
}
ul#menu li.menui07 a {
	background-position: -634px 0;
	width: 87px;
	margin-right: 1px;
}

/* rollover */
ul#menu li.menui01 a:hover,ul#menu li.menui01 a:active { background-position: 0 -57px; }
ul#menu li.menui02 a:hover,ul#menu li.menui02 a:active { background-position: -88px -57px; }
ul#menu li.menui03 a:hover,ul#menu li.menui03 a:active { background-position: -223px -57px; }
ul#menu li.menui04 a:hover,ul#menu li.menui04 a:active { background-position: -328px -57px; }
ul#menu li.menui05 a:hover,ul#menu li.menui05 a:active { background-position: -442px -57px; }
ul#menu li.menui06 a:hover,ul#menu li.menui06 a:active { background-position: -546px -57px; }
ul#menu li.menui07 a:hover,ul#menu li.menui07 a:active { background-position: -634px -57px; }

/* on
ul#menu li.menui01 a.on:link,ul#menu li.menui01 a.on:visited,ul#menu li.menui01 a.on:hover,ul#menu li.menui01 a.on:active { background-position: 0 -114px; }
 */
/*--------------------------------------------------------*/
/* New */
div#new {
	padding-bottom: 20px;
}
div#new .title {
	margin: 8px 9px 6px 9px;
	padding: 0;
}

/* New Image */
div#new ul#new-image {
	width: 256px;
	margin-top: 2px;
}
div#new #new-image li {
	float: left;
	margin: 0 4px 4px 0;
}

/* New Text */
div#new ul#new-text {
	width: 375px;
	margin-left: 5px;

}
/* IEhack */ * html div#new ul#new-text { width: 370px; }
div#new ul#new-text li {
	margin: 3px 0 5px 0;
	line-height: 100%;
}
div#new ul#new-text li img {
	margin: 0 8px;
	vertical-align: top;
}

/*--------------------------------------------------------*/
/* Q&A */
div#qa {
	background: url(/image/top/title_qa1.gif) left top no-repeat;
	width: 646px;
	padding-bottom: 8px;
	text-align: right;
}
div#qa a.button img {
	margin: 3px 5px 10px 0;
}
div#qa-text {
	background: url(/image/top/title_qa2.gif) left top repeat-y;
	font-size: 12px;
	padding: 0 0 0 28px;
	line-height: 14px;
	text-align: left;
}

/*--------------------------------------------------------*/
/* PR */
div#pr {
	width: 660px;
	margin: 0 2px 23px 2px;
	padding: 2px 0 1px 0;
}
div#pr p {
	margin: 0 7px;
}

/* PR Image */
div#pr ul#pr-img {
	margin-left: 7px;
}
div#pr ul#pr-img li {
	float: left;
	margin-right: 2px;
}
div#pr ul#pr-img li img {
	margin-bottom: 7px;
}

/* PR Image2 */
div#pr ul#pr-img2 {
	margin-left: 7px;
	margin-bottom:8px;
}
div#pr ul#pr-img2 li {
	float: left;
	margin-right: 2px;
}
div#pr ul#pr-img2 li img {
	margin-bottom: 2px;
}

/*--------------------------------------------------------*/
/* Pickup Contents */
div#con {
	padding-bottom: 20px;
}

/* Contents Box */
div#spcontents {
	clear: both;
	background: url(/image/top/contents_sp.jpg) no-repeat;
	width: 640px;
	height:80px;
	margin: 0 12px 4px 12px;
}
div#spcontents p {
	line-height: 140%;
	margin: 0 0 0 85px;
	font-size:12px;
}
div#spcontents a {
	display:block;
	font-size: 14px;
	padding: 11px 0 0;
	font-weight:bold;
}

div#con ul.boxc {
	clear: both;
	background: url(/image/top/contents_footer.gif) left bottom no-repeat;
	width: 640px;
	margin: 0 12px 4px 12px;
}
div#con ul.boxc li {
	float: left;
	padding-bottom: 4px;
}
div#con ul.boxc li.con01,div#contents ul.boxc li.con03 {
	margin-right: 4px;
}
div#con ul.boxc li a {
	display: block;
	width: 318px;
	min-height: 50px;
	padding: 11px 0;
}

div#con ul.boxc li.con01 { background: url(/image/top/contents01.jpg) left top no-repeat; }
div#con ul.boxc li.con02 { background: url(/image/top/contents02.jpg) left top no-repeat; }
div#con ul.boxc li.con03 { background: url(/image/top/contents03.jpg) left top no-repeat; }
div#con ul.boxc li.con04 { background: url(/image/top/contents04.jpg) left top no-repeat; }
div#con ul.boxc li.con05 { background: url(/image/top/contents05.jpg) left top no-repeat; }
div#con ul.boxc li.con06 { background: url(/image/top/contents06.jpg) left top no-repeat; }

div#con ul.boxc strong,div#contents ul.boxc span {
	padding: 0 12px 0 70px;
}
div#con ul.boxc strong {
	font-size: 14px;
	line-height: 140%;
	margin: 0 0 2px 0;
}
div#con ul.boxc a span {
	display: block;
	background-color: inherit; 
	color: #333333;
	font-size: 12px;
	line-height: 130%;
}

/*--------------------------------------------------------*/
/* Plan */
div#plan {
	display: inline;
	margin-bottom: 18px;
}
div#plan .title {
	margin: 0 9px 1px 9px;
}
ul#plan-list .star {
	float: right;
	width: 168px;
}