@charset "utf-8";
/*
Theme Name: Japanvoters
Theme URI: http://www.japanvoters.net/
Description: Japanvotersサイトテーマ
Version: 1.01 2010.06.28
Author: Japanvoters
Author URI: http://www.japanvoters.net/
*/



/* library
-------------------- */

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*
If you want this size in pixels (px), Declare this percent (%).

 10px - 77%
 11px - 85%
 12px - 93%
 13px - 100%
 14px - 108%
 15px - 116%
 16px - 123.1%
 17px - 131%
 18px - 138.5%
 19px - 146.5%
 20px - 153.9%
 21px - 161.6%
 22px - 167%
 23px - 174%
 24px - 182%
 25px - 189%
 26px - 197%

*/


/* universal
-------------------- */

/* @group structure */

html {
	background: #fff;
	color: #333;
word-break:break-all;
}

body {
    min-width: 800px;
    font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
}

hr {
    display: none;
}

/* @end */


/* @group text */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
}

strong {
    font-weight: bold;
}

/* @end */


/* @group hypertext */

a {
	color: #333;
	text-decoration: none;
}
a:visited {
    color: #333;
}
a:hover {
    color: #666;
}
a:active {
    color: #000;
}
#main a {
	color: #00361B;
	text-decoration: none;
}
#main a:hover {
	color: #A0B000;
	text-decoration: underline;
}
#main a:visited {
	color: #00361B;
}
#main a:active {
	color: #063;
}

/* @end */


/* @group image */

img {
    vertical-align: bottom;
}

/* @end */

/* @group .Guidance */

.Accessibility,
.Guidance {
    position: absolute;
    top: 0;
    left: -1000em;
    width: 900em;
}

/* @end */


/* @group layout */


#nav {
	width: 800px;
	margin: 0 auto 2px;
	border-bottom: 15px solid #cfdb00;
}

#navBreadCrumbs {
	width: 780px;
	margin: 10px auto;
text-align:left;
	font-size: 85%;
}

#contents {
	width: 800px;
	margin: 0 auto;
	border-bottom: 15px solid #cfdb00;
	background: #fff url(img/bg_main.png) repeat-x;
}
#tcontents {
	width: 800px;
	border-bottom: 15px solid #cfdb00;
	background: #fff url(img/bg_main.png) repeat-x;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 7px;
}


		#main {
	float: left;
	width: 448px;
		}
		
		#side {
	float: right;
	width: 343px;
	margin-bottom: 10px;
		}
		
#footer {
	width: 800px;
	margin: 0 auto;
	margin-top: 2px;
	background: #e1e1e1;
}

/* @end */


/* @group .Clearfix */

.Clearfix {
    zoom: 1;
}

.Clearfix:after {
    content: url(img/spacer.gif);
    display: block;
    clear: both;
    height: 0;
}

* html .Clearfix {
    display: inline-block
}

/* Hides from IE-mac \*/

* html .Clearfix {
    height: 1%
}

.Clearfix {
    display: block
}

.Clear {
	clear: both;
}

/* End hide from IE-mac */

/* @end */


/* section
-------------------- */

/* @header */
/* @end */


/* @nav */

#nav ul {
}

#nav ul li {
	float: left;
	display: inline;
	height: 42px;
}

/* @end */


/* @contents */

.Section {
	margin: 0 0 3em;
}

p {
	line-height: 2.0em;
}
.alignright {
	text-align: right;
}

a span.uline { text-decoration:underline; font-weight:bold;}

/*.Section > p,
.Section > ul,
.Section > dl {
	margin: 1em;
}
*/

.Frame {
	margin: 1em;
}

.sideBox p {
	margin: 1em 0;
	line-height: 1.5;
	font-size: 93%;
}

/* @end */


/* @main */

	/*** each page style sheet ****/

/* @end */


/*  @side */

.Apostle a dl dt{ float:left; width:105px;}
.Apostle a dl dd{ float:left; width:180px;}

.Apostle {
	background: #abae79;
	color: #333;
}

	.Apostle h2 {
		padding-bottom: 5px;
		background: #fff;
	}

	.Apostle p.Intro {
		margin: 1em 1em 4px;
		font-weight: bold;
	}
.Apostle ul {
	padding-bottom: 1em;
	overflow: auto;
	height: 160px;
	margin-top: 15px;
	margin-bottom: 0;
	margin-left: 1em;
	}
.Apostle li {
	clear: both;
	margin-bottom: 10px;
		}
*html .Apostle li {
	clear: both;
	margin-bottom: 10px;
		}
	
.Twitter {
	margin-top: 10px;
}
.Twitter2 {
	margin-top: 0;
}
/* @end */


/* @footer */

.FooterNav {
}

	.FooterNav ul {
		padding: 15px 5px;
	}
	
	.FooterNav ul li {
		float: left;
		display: inline;
		margin-right: 10px;
		padding: 8px 0 8px 0;
	}

		.FooterNav ul li a {
			display: block;
			padding-left: 20px;
		}
	
		.FooterNav ul li.First a {

		}
	
		.FooterNav ul li.Last a {
				padding-left: 28px;
				margin-left:15px;
				margin-top:7px;
			background: url(img/icon_arrow2.gif) 9px 3px no-repeat;
		}

	#footer .FooterNav ul li a {
		font-size: 77%;
	}
	
	#footer .FooterNav ul li a:hover {
	}

/* @end */



/* @topheader */

#topheader {
	position: relative;
	width: 800px;
	margin: 0 auto;
	height: 224px;
	background: url(http://www.japanvoters.net/wordpress/wp-content/uploads/img_photo.jpg) 450px 14px no-repeat;
}

#topheader h1 {
	padding-top: 14px;
}

#topheader .LogoImage {
	position: absolute;
	top: 80px;
	left: 308px;
}

#topheader .Concept {
	margin-top: 48px;
}

/* @end */


/* @topmain */

#tcontents .Section {
	margin: 0 0 3em;	
	margin-bottom: 6px;
	padding: 4px 3px;
	border: 1px solid #999;
}

	#tcontents .Section h2 {
		height: 34px;
		margin-bottom: 10px;
		border-bottom: 6px solid #ccc;
		background: #cfdb00;
		font-size: 108%;
		text-indent: 1em;
		line-height: 34px;
	}

	#tcontents .Section p.ProdCopy {
		margin: 1em 12px 6px 12px;
		font-size: 138.5%;
		font-weight: bold;
		line-height: 1.4em;
	}
	
	#tcontents .Section p.Summary {
		margin: 6px 12px 1em 12px;
		padding-bottom: 1em;
		border-bottom: 1px dotted #666;
	}

	#tcontents .Section dl {
		margin: 6px 12px 1em 12px;
	}

#tcontents #section1 {
}

	#tcontents #section1 dl {
		line-height: 1.8em;
	}

		#tcontents #section1 dt {
			font-size: 108%;
			font-weight: bold;
			margin-bottom: 5px;
		}
	
		#tcontents #section1 dd {
			font-size: 93%;
		}
		#tcontents #section1 li {
list-style-position: inside;
list-style-type: disc;
		}
		
#tcontents #section2 {
}

	#tcontents #section2 dl {
		line-height: 1.4;
		font-size: 93%;
	}

		#tcontents #section2 dt {
			float: left;
			clear: both;
			padding: 8px 10px 8px 0;
		}
	
		#tcontents #section2 dd {
			padding: 8px 0 8px 6em;
			border-bottom: 1px dotted #666;
		}

.LinkIcon {
	margin-bottom: 10px;
}

	.LinkIcon ul {
	}

		.LinkIcon ul li {
			float: left;
			margin-right: 17px;
		}
		

/* @end */


/* section
-------------------- */

/* @subheader */

#header {
	height: 81px;
	width: 800px;
	margin: 0 auto;
}

#header h1 {
	float: left;
	margin: 16px 0 0 0;
}

#header ul#headerNavi {
	position: relative;
	top: 46px;
	right: 0;
	width: 300px;
	float: right;
	text-align: right;
}

#header ul#headerNavi li {
	display: inline;
}

/* @end */


/* @nav */
/* @end */


/* @navBreadCrumbs */

#navBreadCrumbs dl {
	margin: 5px 0;
	font-size: 85%;
}

#navBreadCrumbs dt {
	display: none;
}

#navBreadCrumbs dd {
}

	#navBreadCrumbs dd ol {
		padding-left: 10px;
		overflow: hidden;
	}

		#navBreadCrumbs dd ol li {
			float: left;
			display: inline;
			padding: 0 16px 0 5px;
			background: url(img/icon_triangle.gif) right 1px no-repeat;
		}

		#navBreadCrumbs dd ol li.Last {
			float: left;
			display: inline;
			padding-right: 0;
			background: none;
		}

			#navBreadCrumbs dd ol li a {
				text-decoration: none;
			}
			
/* @end */

/* @main */
	
	#main h2 {
		font-size: 138.5%;
		font-weight: bold;
		margin-bottom: 31px;
	}

		#main h2 span {
			display: block;
			margin-bottom: -31px;
			font-size: 108%;
			font-weight: bold;
			line-height: 2;
		}
	
	#main .ProdCopy {
	margin-bottom: 10px;
	font-size: 138.5%;
	line-height: 1.4em;
	}
	
	#main .ProdInfo {
		margin: 10px;
	}
	
	#main ul {
		color: #333;
		line-height: 1.8em;
	}
		
		#main ul li {
		}

			#main ul li p {
				margin: 1em 0;
				color: #333;
				font-weight: normal;
			}
	
	#main dl {
		line-height: 1.8em;
	}
	
	.Section h3 {
		margin-bottom: 10px;
		border-bottom: 4px solid #ccc;
	}
		.Section h3 span {
			display: block;
			margin: 24px 0 2px 0;
			padding: 5px 10px;
			border-left: 5px solid #cfdb00;
			color: #00361b;
			font-size: 108%;
			font-weight: bold;
		}
		.Section h3 span dl dt{ float:left; width:120px;}
		.Section h3 span dl dd{ float:left; width:300px;}
	
p.oldnews { font-size:0.8em; text-align:right; width:420px;}

/* @end */



/* @pages */

	/* @action */
	
	#action #main ul {
		font-weight: bold;
	}
	
	/* @end */
	

	/* @event */
	
	#event main dl {
		margin: 2em 1em;
		line-height: 1.8;
	}
	

		#event #main dl dt {
			float: left;
			width: 110px;
			clear: both;

		}
	
		#event #main dl dd {
			float: right;
			width: 330px;
		margin-bottom: 10px;
		}
	

	/* @end */

	/* @contact */
	
	#contact #main dl {
		margin-top: 20px;
		line-height: 1.8;
	}

		#contact #main dl dt {
			float: left;
			width: 130px;
			clear: both;

		}
	
		#contact #main dl dd {
			float: right;
			width: 310px;
		margin-bottom: 10px;
		}
	

	/* @end */

	/* @promiss */

	#promiss #main dl dt {
		margin-top: 20px;
		font-weight: bold;
	}

	/* @end */
	
	/* @faq */

	#faq #main p {
		font-weight: bold;
	}

	#faq #main dl {
	}

		#faq #main dl dt {
			margin-top: 20px;
			color: #00361b;
			font-weight: bold;
		}
	
		#faq #main dl dd {
		}

	/* @end */
	
	/* @assentor*/

	p.asimg {
		float: left;
		width: 144px;
	}
	p.astxt {
		float: right;
		width: 290px;
	}

	/* @end */

	/* @group*/

	#group .post {
		margin-bottom: 3em;
	}

	/* @end */

	/* @link */

	#link #main dl {
	}

		#link #main dl dt.Category {
			margin-top: 20px;
			margin-left: -1em;
			color: #00361b;
			font-weight: bold;
		}

		#link #main dl.Category dd {
		}
	
	#link #main dl.SubCategory {
	}

		#link #main dl.SubCategory dt {
			float: left;
			clear: both;
			padding: 4px 0;
		}

		#link #main dl.SubCategory dd {
	padding: 4px 0 4px 18em;
	border-bottom: 1px dotted #666;
	color: #00361b;
		}

		#link #main dl.SubCategory dt.Clear {
			float: none;
			padding: 4px 0 0;
		}

		#link #main dl.SubCategory dd.Clear {
			padding: 0 0 4px;
		}

			#link #main dl.SubCategory dd a {
				color: #00361b;
			}
			
p.linkbnr { line-height:1.4em;}
p.linkbnr img { margin-bottom:5px;}
p.linkbnr img.r { margin-right:5px;}
ul.tgroupli li { line-height:1.3em;}

	/* @end */

/* @end */

/* imgfloat */

.alignleft {float: left;}
.alignright {float: right;}

.aligncenter,div.aligncenter{
	display: block;
	margin: 7px auto;
}

img.alignleft {
	margin-right: 10px;
	display: inline;
}

img.alignright {
	margin-left: 10px;
	display: inline;
}

/* @end */

/* common */

.redtxt {color: #ff0000;}

.aligncenter {
	text-align: center;
}

/* @end */