@charset "utf-8";

/* 週刊つり太郎
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	letter-spacing: 0.03em;
	background-color: #378c7d;
	text-align: center;
}
a {
	color: #19598f;
}
a:visited {
	color: #939598;
}
a:hover {
	color: #FF0000;
	text-decoration:underline;
}
img {
	border: none;
	vertical-align: top;
}
#wrapper {
	width: 1020px;
	margin: 0 auto;
	text-align: left;
	background : url(../img/top/main_bg.jpg) repeat-y; 
	overflow-y:hidden
}


/* ヘッダー
---------------------------------------------*/
#header {
	width: 1020px;
	height: 203px;
	margin: 0 auto;
	background : url(../img/header/header_bg.jpg) no-repeat; 
}
#logo {
	float:left;
	width: 286px;
}
#logo h1 {
	display:none;
	font-size:12px;
}
#logo p {
	margin:5px 0 0 10px;
	font-size:13px;
	color:#fffcdb;
	height: 20px;
}
#header_left {
	float:left;
	width: 798px;
	height: 203px;
	margin: 0 0 0 10px;
}
#header_right {
	float:right;
	width: 202px;
	height: 203px;
	margin: 0 10px 0 0;
}
#header_left_l {
	float:left;
	width: 287px;
	height: 140px;
	margin: 0;
}
#header_left_r {
	float:left;
	width: 511px;
	height: 140px;
	margin: 0;
}
#header_left_r p{
	margin: 5px 0;
	color :#fff;
	font-size:13px;
	line-height: 1.43;
}
/* ブックマーク
---------------------------------------------*/
*html body #bookmark { 
	width: 400px;
	float:right;
	margin-top: 50px ;
	margin-right :10px;
}
#bookmark { 
	width: 400px;
	float:right;
	margin-top: 40px ;
	margin-right :20px;
}
#bookmark img{ 
	float:right;
	margin :0 0 0 5px;
}
/* 文字の大きさ変更
---------------------------------------------*/
#styleSwitch {
  display: inline;
	float:right;
	margin-top: 8px ;
	margin-right :20px;
}
#styleSwitch ul {
	list-style: none;
}
#styleSwitch li {
	margin: 0;
	font-size: 10px;
	color: #FFFFFF;
	float: left;
}
#sitemap {
	float: right;
	margin: 5px 10px 0 0;
}


/*  LOGIN
---------------------------------------------*/
*html body #login {
	width:183px;
	margin: 0 0 0 14px;

}
#login {
	width:183px;
	margin: 0 0 0 14px;

}
#login img {
	margin: 0 auto;
}
#login p {
	color :#fff;
}
#login p.switch a {
	color :#fff;
}
#login p.switch a:hover {
	color :#FF0000;
}
#btn {
	margin: 45px 0 0 0;
}

#btn img {
	margin: 2px 0 0 0;
}
#btn a {
	margin:0;
}

/* トップ　サブメニュー
---------------------------------------------*/
*html body #top_submenu {
	float:right;
	padding:5px 10px 0 0;
}
#top_submenu {
	float:right;
	padding:0px 10px 0 0;
}
#top_submenu ul {
	float: left;
	list-style: none;
	padding: 0px;
}
#top_submenu li {
	float: left;
	width:auto;
}
#top_submenu a {
	padding: 0 5px;
	font-size:10px;
	color: #FFFFFF;
	text-decoration:none;
}
#top_submenu a:hover {
	color: #FF0000;
}
#top_submenu p {
	float: right;
	margin:0 10px 0 0;
	font-size:11px;
	color: #FFFFFF;
	font-style:italic
}
/* メインメニュー
---------------------------------------------*/

#navi_pip {
	clear:both;
	top: 141px;
	width: 798px;
	height: 30px;
	list-style-type: none;
	background: #000000;
}
#navi_pip ul {
	list-style-type: none;
}
#navi_pip li {
	float: left;
	width: 114px;
}
#navi_pip li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:30px;
	padding-top: 30px;
	background-image: url(../img/menu/menu01.jpg);
	color: #FFFFFF;
}

	
	/* 通常 */
	#pip01 a { background-position:  0     0; }
	#pip02 a { background-position: -114px  0; }
	#pip03 a { background-position: -228px 0; }
	#pip04 a { background-position: -342px 0; }
	#pip05 a { background-position: -456px 0; }
	#pip06 a { background-position: -570px 0; }
	#pip07 a { background-position: -684px 0; }

	/* オンマウス */
	#pip01 a:hover { background-position:  0     -30px; }
	#pip02 a:hover { background-position: -114px  -30px; }
	#pip03 a:hover { background-position: -228px -30px; }
	#pip04 a:hover { background-position: -342px -30px; }
	#pip05 a:hover { background-position: -456px -30px; }
	#pip06 a:hover { background-position: -570px -30px; }
	#pip07 a:hover { background-position: -684px -30px; }

#navi_pip2 {
	clear:both;
	top: 171px;
	width: 798px;
	height: 30px;
	list-style-type: none;
	background: #000000;
}
#navi_pip2 ul {
	list-style-type: none;
}
#navi_pip2 li {
	float: left;
	width: 114px;
}
#navi_pip2 li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:30px;
	padding-top: 30px;
	background-image: url(../img/menu/menu02.jpg);
	color: #FFFFFF;
}

	
	/* 通常 */
	#pip08 a { background-position:  0     0; }
	#pip09 a { background-position: -114px  0; }
	#pip10 a { background-position: -228px 0; }
	#pip11 a { background-position: -342px 0; }
	#pip12 a { background-position: -456px 0; }
	#pip13 a { background-position: -570px 0; }
	#pip14 a { background-position: -684px 0; }

	/* オンマウス */
	#pip08 a:hover { background-position:  0     -30px; }
	#pip09 a:hover { background-position: -114px  -30px; }
	#pip10 a:hover { background-position: -228px -30px; }
	#pip11 a:hover { background-position: -342px -30px; }
	#pip12 a:hover { background-position: -456px -30px; }
	#pip13 a:hover { background-position: -570px -30px; }
	#pip14 a:hover { background-position: -684px -30px; }


/* 月齢
---------------------------------------------*/
#moon {
	width:190px;
	margin: 0 auto;
	text-align: center;
}
/* ブログパーツ　天気
---------------------------------------------*/
#tenki {
	width:200px;
	margin: 5px auto;
	text-align: center;
}
/* ブログパーツ　潮汐
---------------------------------------------*/
#tide {
	width:190px;
	margin: 5px auto;
	text-align: center;
}
/* グーグル　縦広告
---------------------------------------------*/
#hei_ad {
	margin: 5px auto;
	width:190px;
}
#ken {
	color :#666;
	font-size:13px;
}