@charset "utf-8";

/* 
*
*	Reset and Base Style Sheet
*	Last Update 2007-11-29
*
*	1-1.Yahoo UI Library Fonts CSS
*	1-2.Universal selector
*	1-3.Structure Module
*	1-4.Text Module
*	1-5.Hypertext Module
*	1-6.List Module
*	削除 ⇒ 1-7.Edit Module
*	削除 ⇒ 1-8.Forms Module
*	1-9.Tables Module
*	1-10.Image Module
*	削除 ⇒ 1-11.Object Module
*
*/

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

	1-1.Yahoo UI Library Fonts CSS ver.2.3.1
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	Font-size Adjustment
	
	77% = 10px	| 	122% = 16px	|	167% = 22px
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

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

/*編集不要*/
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}

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

	1-2.Universal selector

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

* {
	line-height: 1.6;
	font-size: 102%;/* 100%が規定値。ちょっと小さい気がするので変更。 */
	font-weight: normal;
	font-style: normal;
}

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

	1-3.Structure Module

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

html {
	overflow-y:scroll;
}

body {
	margin: 0;
	padding: 0;
	color: #666666;
	background-color: #fff;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Verdana, Helvetica, sans-serif;
}

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

	1-4.Text Module

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

p {
	margin: 0.5em 15px;
	font-size: 100%;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 189%;
}

h2 {
	/*font-size: 159%;*/
	font-size: 122%;
}

h3 {
	/*font-size: 144%;*/
	font-size: 107%;
}

h4 {
	font-size: 122%;
}

h5 {
	font-size: 107%;
}

h6 {
	font-size: 107%;
}

em {
	font-weight: bold;
	font-style: normal;
}

strong {
	color: #000000;
	font-weight: bold;
}

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

	1-5.Hypertext Module

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

a:link {
	color: #005585;
	/* text-decoration:underline; */
}

a:visited {
	color: #818f98;
	/* text-decoration:none; */
}

a:hover {
	color: #80af00;
	/* text-decoration:underline; */
}

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

	1-6.List Module

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

ul,
ol {
	margin: 1em 20px;
	padding: 1px 0;
	list-style-position: inside;
	/* list-style:none url(file:///D:/Mac/%23/Test-of-jQuery/img00000/img002_for-test.jpg) inside;outside inside */
}

li {
	margin: 0.1em 10px;
}

li li,
li p {
	font-size: 100%;
}

li ul,
li ol,
li p {
	margin: 0.1em 10px;
}

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

	1-9.Tables Module

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

table {
	margin: 0 20px 0.5em 20px;
	border-collapse: collapse; /* テーブルの各セルの枠線を 重ねて表示する：collapse */
	/* border-spacing: 1px; */ /* border-collapseがseparate（隣のセルとすこし離して表示）の時指定する。 */
	/*border: 1px solid #cfd3d6;*/
	background-color: #fff;
	table-layout: fixed; /* これを指定した上で、列（th/td）にwidthを指定する必要がある。 */
}

th,
td {
	padding: 0.1em 5px;
}

th {
	color: #000;
	/*border: 1px solid #efefef;*/
	background-color: #eff0f1;
}

td {
	/*border: 1px solid #ddd;*/
	background-color: #fff;
}

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

	1-10.Image Module

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

img {
	vertical-align: bottom;
	border:0;
}

a img {

}

a:hover img {

}

h1 img {
	margin: 0;
}


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

				xx.Modules

=============================================================================*/
body {
	text-align: center;
	background-color: #FFFEF0;
	background-repeat: repeat-x;
	background-image: url(./images/gradation.jpg);
}
#wrapper {
	width: 720px;
	margin: 0 auto;
	text-align: left;
	background-image: url(./images/loop.jpg);
	background-repeat: repeat-y;
}

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

	header

=======================================*/
#header {
	position: relative;
	width: 720px;
	height: 250px;
	background-image: url(./images/header.jpg);
	background-position: top left;
	background-repeat:no-repeat;
}
#header ul {
	position: absolute;
	top: 205px;
	left: 30px;
	padding: 0px;
	width: 198px;
	height: 27px;
}
#header li {
	width: 198px;
}
#header li a {
	height: 27px;
	background-image: url(./images/manifesto.png);
}
#header div {
	position: absolute;
	top: 25px;
	right: 14px;
	padding: 0px;
	width: 118px;
	height: 21px;
}

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

	container

=======================================*/
#container {
	position: relative;
	width: 100%;
	background-image: url(./images/contents.jpg);
	background-position: top left;
	background-repeat:no-repeat;
}
#primary {
	margin: 0 0 0 35px;
	padding: 25px 0;
	width: 445px; /* for IE.これがないと要素がはみ出した時にBoxが拡張されてしまう。 */
	padding: 25px 0 0 0;/* widthを使用している時は左右は指定しない。 */
}
#primary p {
	/*margin: 10px 15px 25px 15px;*/
}
#primary p img {
	margin: 0;
}
#primary ul {
	margin: 5px 5px 25px 5px;
	padding: 0;
}
#secondary {
	padding: 25px 0;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 220px;
	font-size: 92%;
}
#secondary h1,
#secondary h2,
#secondary h3 {
	margin: 0.5em 18px 5px 10px;
}
#secondary p img {
	margin-bottom: 15px;
}

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

	menu

=======================================*/
#menu {
	padding: 0 0 0 10px;
	width: 720px;
	height: 52px;
	background-image: url(./images/menu.jpg);
	background-position: top left;
	background-repeat:no-repeat;
}

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

	footer

=======================================*/
#footer {
	padding: 79px 0 20px 0;/* widthを使用している時は左右は指定しない。 */
	background-image: url(./images/footer.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	background-color: #FFFEF0;
	font-size: 77%;
	text-align: center;
}
#footer a {
	color:#666666;
	text-decoration: none;
}
#footer a:hover {
	color: #80af00;
	text-decoration:underline;
}
#footer p {
	margin: 0;
	padding: 0;
}
#footer ul {
	margin: 10px 0 0 0;
	padding: 0;
	list-style:none;
}
#footer li {
	display:inline;
}

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

	top

=======================================*/
#top #wrapper {
	background-image: url(./images/top-loop.jpg);
}
#top #header {
	height: 350px;
	background-image: url(./images/top-header.jpg);
}
#top #header ul {
	top: 186px;
	left: 253px;
}
#top #container {
	background-image: url(./images/top-contents.jpg);
}
#top #primary {
	margin-left: 35px;
	width: 385px; /* for IE.これがないと要素がはみ出した時にBoxが拡張されてしまう。 */
	padding: 25px 0 0 0;/* widthを使用している時は左右は指定しない。 */
}
#top #primary p {
	margin: 10px 15px 25px 15px;
}
#top #primary ul {
	list-style:none;
}
#top #primary ul p {
	margin: 3px 3px 3px 18px;
}
#top #primary ul li {
	margin-left: 5px;
	margin-top: 8px;
}
#top #primary ul a.title {
	margin-left: -5px;
	padding-left: 15px;
	text-decoration:none;
	font-weight:bold;
	background-position: center left;
	background-repeat:no-repeat;
	background-image: url(./images/gt.gif);
}
#top #primary ul .more img {
	margin-left: 15px;
	width: 98px;/* pngをIE6以下で読ませるスクリプトのために、値を固定する必要がある。 */
	height: 22px;/* （上と同じ） */
}
/* 区切り線がないので、記事本文から浮いて見えてしまうため。
#top #primary ul .more img {
	margin: -3px 0 10px 250px;
	width: 98px;
	height: 22px;
}
*/
#top #secondary {
	padding: 10px;
	top: 160px;
	right: 50px;
	width: 200px;
}
#top #secondary li {
	width: 200px;
}
#top #secondary li a#kk-manifesto {
	margin: 10px 0 0 0;
	height: 80px;
	/*background-image: url(./images/top-manifesto_lo.png);*/
}
#top #secondary li a#kk-blog {
	margin: 10px 0 0 0;
	height: 50px;
	/*background-image: url(./images/top-blog_lo.png);*/
}
#top #menu {
	background-image: url(./images/top-menu.jpg);
}
#top #footer {
	padding: 20px 0;/* widthを使用している時は左右は指定しない。 */
	background-image: url(./images/top-footer.jpg);
}

#info {
	margin: 0 0 -10px 0;
	position: absolute;
	bottom: 0px;
	right: 30px;
	width: 179px;
	font-size: 85%;
}
#info p {
	margin: 0;
}

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

	profile

=======================================*/
#profile #primary ul {
	margin: 20px 0;
	list-style-image:url(./images/gt.gif);
	list-style-position:outside;
	background-position: top left;
	background-repeat:no-repeat;
	background-image: url(./images/photo.jpg);
}
#profile #primary {
	position: relative;
}
#profile #primary li {
	margin: 0 0 10px 170px;
}
#profile #past {
	position: absolute;
	top: 330px;
	left: 0px;
	width: 150px;
}
#profile #past p {
	margin: 0 10px 0 0;
}
#profile #past h2 {
	margin: 0 0 10px 0;
}

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

	policy

=======================================*/
#problem {
	margin: 25px 0 20px 15px;
}
#fifth {
	margin: 35px 0 20px 15px;
}
#policy #primary div {
	margin: -20px 0 20px 15px;
	padding-top: 15px;
	background-position: top left;
	background-repeat:repeat-y;
	background-image: url(./images/policy_loop.jpg);
}
#policy #primary div p {
	margin: 0 15px 15px 35px;
}
#policy #primary div p#p-last {
	margin-left: 0;
	padding-left: 35px;
	background-color:#FAF8E8;
}

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

	information

=======================================*/
#information h3 {
	margin: 25px 0 0 10px;
}
#address {
	margin-left: 25px;
}
#map {
	margin: 10px 0 0 -5px;
}
#information #secondary h2 {
	margin: 0.5em 10px 6px 15px;
}
#information #secondary p {
	margin-bottom: 20px;
}
#information #secondary ul {
	margin: 0 5px 0 4em;
	padding: 0;
	list-style:none;
	text-indent:-4.5em;
}

/* ―――――――――――――――→
	ロールオーバー処理
―――――――――――――――――――――――――――――――――――――― */


#menu li {
	width: 126px;
}
#menu li#kk-manifesto {
	width: 150px;
}
#menu li#kk-blog {
	width: 172px;
}
#menu li#kk-profile a {
	background-image: url(./images/menu_profile_lo.jpg);
}
#menu li#kk-policy a {
	background-image: url(./images/menu_policy_lo.jpg);
}
#menu li#kk-information a {
	background-image: url(./images/menu_information_lo.jpg);
}
#menu li#kk-manifesto a {
	background-image: url(./images/menu_manifesto_lo.jpg);
}
#menu li#kk-blog a {
	background-image: url(./images/menu_blog_lo.jpg);
}

#header ul,
#menu,
#top #secondary {
	margin: 0;
	list-style:none;
	overflow: hidden;
}
#header li,
#menu li,
#top #secondary li {
	margin: 0;
	padding: 0;
	float:left;/* floatしないと、IEで妙なマージンがかかる。しかもマージンやパディングの指定ではとれない。 */
}
#header li a,
#menu li a,
#top #secondary li a {
	display:block;
	width: 100%;
	padding: 0;
	background-position: top left;
	background-repeat:no-repeat;
}
#header li a:hover,
#menu li a:hover,
#top #secondary li a:hover {
	background-position: bottom right;
}
#header li a img,
#menu li a img {
	visibility:hidden;
}

/* ----------------------------------------- for manifesto ----------------------------------------- */
.manifesto-wait {
	display:none;
}
/* ############ これより下を消すとマニフェストが表示される。 ############
.manifesto {
	display:none;
}
#menu li#kk-manifesto a {
	background-image: url(./images/menu_manifesto_off.jpg);
}
#menu li#kk-manifesto  a:hover {
	background-position: top left;
}
.manifesto-wait {
	display:block;
} */