@charset "utf-8";
/*index===================================
commonLayout

_1. reset
_2. setup
_3. container
_4. header
_5. side_navi
_6. main content
_7. footer

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

/*=========================================
_1. reset
=========================================*/

body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote,
em,
button,
address,
noscript {
	margin: 0px;
	padding: 0px;
	font: normal normal 14px/1.5em Verdana, Arial, sans-serif;
}



ul,ol,li {
	list-style:none;
}

img {
	margin:0px;
	padding:0px;
	border:0;
}

hr {
	display:none;
}

a:link, a:visited, a:active{
	color:#333;
	text-decoration:underline;
	}

a:hover {
	color:#666;
	text-decoration:none;
	}

.archive-link a:link, .archive-link a:visited, .archive-link a:active, .pagebute a:link, .pagebute a:visited, .pagebute a:active{
	color:#999;
	font-weight:bold;
	text-decoration:none;
	}

.archive-link a:hover, .pagebute a:hover{
	color:#666;
	font-weight:bold;
	text-decoration:underline;
	}

H2.entry-title a:link, H2.entry-title a:visited, H2.entry-title a:active{
	text-decoration:none;
	font-weight:bold;
}

H2.entry-title a:hover {
	text-decoration:underline;
	font-weight:bold;
	}

a.next-entry:link, a.next-entry:visited, a.next-entry:active{
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	color:#767676;
}

a.next-entry:hover {
	text-decoration:underline;
color:#666;
font-weight:bold;
font-size:12px;
	}

#bannerMenu a:link, #bannerMenu a:visited, #bannerMenu a:active{
	text-decoration:none;
	}

#bannerMenu a:hover {
	color:#666;
	text-decoration:underline;
	}

#photo-boxes #box a:link, #photo-boxes #box a:visited, #photo-boxes #box a:active{
	text-decoration:none;
	}
#photo-boxes #box a:hover {
	color:#666;
	text-decoration:underline;
	}

#inner_box p a:link, #inner_box a:visited, #inner_box a:active{
	color:#333;
	text-decoration:none;
	}

#inner_box p a:hover {
	color:#dodgerblue;
	text-decoration:none;
	}

/*=========================================
_2. setup
=========================================*/

/*_2-1. container*/

body {
	/*背景ズレfix*/
	padding-left:0;
	color:#333;
	line-height:normal;
	background: url(../common/body_bg.gif);
}

/* safari only ￥*/
html:￥66irst-child body{
	padding-left:0;
}
/* end */

#wrapper {
	width:795px;
	margin:0;
	padding:0;
	text-align:left;
	background: url(../common/bg.gif) repeat-y;
	}

/*_2-2. clear*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

.clearfix {
	display: inline-block;
	min-height: 1%;
}
/* Hides from IE-mac ￥*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */

.clear {
	clear: both;
}

/*=========================================
_3. header
=========================================*/

/*_3-1. setup*/

#header{
	display:block;
	clear:both;
	width:790px;
	height:111px;
	margin:0;
	padding:0;
	background: url(../common/header_bg.jpg) repeat-x;
	}
* html body #header{
	width:775px;
	}

#header h1{
	float:right;
	width:250px;
	height:15px;
	margin:0;
	padding:1px 15px 0 0;
	text-align:right;
	line-height:1.25em;
	font-size:10px;
	color:#FFF;
	background: url(../common/head_bar.gif) repeat-x;
	}

#header p#voting_day {
	float:left;
	font-size:10px;
	width:510px;
	height:15px;
	color:#FFF;
	padding:1px 0 0 15px;
	margin:0;line-height:1.25em;
	background: url(../common/head_bar.gif) repeat-x
	}
#header p#voting_day2 {
	float:left;
	font-size:10px;
	width:775px;
	height:15px;
	color:#FFF;
	padding:1px 0 0 15px;
	margin:0;line-height:1.25em;
	background: url(../common/head_bar.gif) repeat-x
	}
#header p#site_title {
	float:right;
	width:250px;
	height:15px;
	margin:0;
	padding:1px 15px 0 0;
	text-align:right;
	line-height:1.25em;
	font-size:10px;
	color:#FFF;
	background: url(../common/head_bar.gif) repeat-x;
	}

#header p#site_subtitle a{
	display:block;
	float:left;
	width:330px;
	height:74px;
	background: url(../common/header.jpg) no-repeat;
	text-indent:-10000em;
	}
	
div#header div#logo a{
	display:block;
	float:left;
	width:330px;
	height:74px;
	background: url(../common/header.jpg) no-repeat;
	text-indent:-10000em;
	}

/*_3-1. navigation*/

/*_3-1-1. banner-link*/

div#head-banner {
	display:block;
	float: right;
	width: 435px;
	margin:0 15px 0 0;
}

* html body #head-banner {
	width: 400px;
	margin:0;
}


div#head-banner span a {

	float:right;
	margin:10px 10px 0 0;
	padding:0;
	overflow: hidden;
	background-image:  url(../common/head_banner.gif);
	background-repeat: no-repeat;
	text-indent: -10000em;
}

div#head-banner span.ldp a {
	width: 114px;
	height: 37px;
	background-position: 0 0;
	}
div#head-banner span.ldp a:hover { background-position: 0 -37px; }

div#head-banner span.ldptokyo a {
	width: 70px;
	height: 37px;
	background-position: -114px 0;
	}
div#head-banner span.ldptokyo a:hover { background-position: -114px -37px; }

/*_3-1-2. right menu*/

div#head-link-right {
	display:block;
	float: right;
	width: 435px;
	height: 11px;
}

div#head-link-right ul {
	float: right;
	width: 435px;
	height: 11px;
}

div#head-link-right ul li {
	float: right;
}

div#head-link-right ul li a {
	display: block;
	height: 11px;
	margin:10px 15px 0 0;
	overflow: hidden;
	background-image:  url(../common/head_link.png);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

* html body #head-link-right ul li a {
	margin:10px 15px 0 0;
}

div#head-link-right ul li#office a { width:75px; background-position: 0 0; }
div#head-link-right ul li#office a:hover{ background-position: 0 -11px; }

div#head-link-right ul li#link a { width:64px; background-position: -75px 0; }
div#head-link-right ul li#link a:hover { background-position: -75px -11px; }

div#head-link-right ul li#english a { margin-right:25px; width:73px; background-position: -139px 0; }
div#head-link-right ul li#english a:hover { background-position: -139px -11px; }

div#taito_branch a{
	Position:absolute;
	width:169px;
	height:20px;
	top:0;
	left:425px;
	background-image:  url(http://www.3zou.net/common/taito_branch.gif);
	background-position:0 0;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
	}

div#taito_branch a:hover {
	background-position: 0 -20px;
	}

/*_3-1-3. left menu*/

div#head-link-left {
	display:block;
	float: left;
	clear:both;
	width: 765px;
	height: 21px;
}

div#head-link-left ul {
	width: 765px;
	height: 21px;
}

div#head-link-left ul li {
	float: left;
}

div#head-link-left ul li a {
	display: block;
	height: 21px;
	overflow: hidden;
	background-image:  url(../common/header_bottom.jpg);
	background-repeat: no-repeat;
	text-indent: -10000em;
}

div#head-link-left ul li#home a { width:85px; background-position: 0 0; }
div#head-link-left ul li#home a:hover { background-position: 0 -21px; }

div#head-link-left ul li#back a { width:88px; background-position: -85px 0; }
div#head-link-left ul li#back a:hover{ background-position: -85px -21px; }

#head-link-left li.home a{
	float:left;
	width:80px;
	height:21px;
	margin:0;
	padding:0;
	text-indent:-999px;
	background: url(../common/home.jpg) no-repeat;
	}

#head-link-left li.back a{
	float:left;
	width:93px;
	height:21px;
	margin:0;
	padding:0;
	text-indent:-999px;
	background: url(../common/back.jpg) no-repeat;
	}

	
/*=========================================
_4. side menu
=========================================*/

/*_4-1. container*/

#globalNavi {
	float:left;
	display:block;
	width:170px;
	margin:0;
	padding:5px 0 8em 0;
	}

/*_4-2. main menue*/

#mainMenu {
	float:left;
	display:block;
	width:170px;
	margin:0;
	padding:5px 0 0 0;
	background:#FFF
	}

#mainMenu, bannerMenue, textMenue, bannerLink ul{
	clear:both;
	display:block;
	width:170px;
	margin:0;
	padding:0;
	}

#mainMenu li.profile a{
	clear:both;
	display:block;
	width:170px;
	height:33px;
	text-indent:-999px;
	margin:0;
	padding:0;
	background: url(../common/profile.png) no-repeat;
	}
	
#mainMenu li.policy a{
	clear:both;
	display:block;
	width:170px;
	height:32px;
	text-indent:-999px;
	margin:0;
	padding:0;
	background: url(../common/policy.png) no-repeat;
	}
	
#mainMenu li.related-org a{
	clear:both;
	display:block;
	width:170px;
	height:32px;
	text-indent:-999px;
	margin:0;
	padding:0;
	background: url(../common/related_org.png) no-repeat;
	}
	
#mainMenu li.koenkai a{
	clear:both;
	display:block;
	width:170px;
	height:32px;
	text-indent:-999px;
	margin:0;
	padding:0;
	background: url(../common/koenkai.png) no-repeat;
	}
	
#mainMenu li.friends a{
	clear:both;
	display:block;
	width:170px;
	height:32px;
	text-indent:-999px;
	margin:0;
	padding:0;
	background: url(../common/friends.png) no-repeat;
	}
	
#mainMenu li.profile a:hover{
	background-position:0 -33px;
	}

#mainMenu li.policy a:hover, #mainMenu li.related-org a:hover, #mainMenu li.koenkai a:hover, #mainMenu li.friends a:hover{
	background-position:0 -32px;
	}

/*_4-2. banner menue*/

#globalNavi div#bannerMenu{
	clear:both;
	display:block;
	width:160px;
	margin:0 0 0 5px;
	padding:5px 0 0 0;
	border-bottom:1px solid #CCC;
	}

#bannerMenu h3.recent-topic-banner a{
	clear:both;
	display:block;
	width:158px;
	height:65px;
	margin:0 5px 5px 0;
	padding:0;
	border:1px solid #BFBFBF;
	background:  url(http://3zou.net/common/recent_topic_banner.jpg) no-repeat;
	text-indent:-10000em;
	}

#bannerMenu h3.pictorial-banner a{
	clear:both;
	display:block;
	width:158px;
	height:65px;
	margin:0 5px 5px 0;
	padding:0;
	border:1px solid #BFBFBF;
	background: url(http://3zou.net/common/pictorial_banner.jpg) no-repeat;
	text-indent:-10000em;
	}

#bannerMenu h3.sugao-banner a{
	clear:both;
	display:block;
	width:158px;
	height:55px;
	margin:0 5px 5px 0;
	padding:0;
	border:1px solid #BFBFBF;
	background: url(http://3zou.net/common/sugao_banner.jpg) no-repeat;
	text-indent:-10000em;
	}

#bannerMenu p.blog-banner a{
	clear:both;
	display:block;
	width:158px;
	height:117px;
	margin:0 5px 5px 0;
	padding:0;
	border:1px solid #BFBFBF;
	background: url(http://3zou.net/common/blog-banner.gif) no-repeat;
	text-indent:-10000em;
	}

#bannerMenu h3.minseikoron-banner a{
	clear:both;
	display:block;
	width:158px;
	height:55px;
	margin:0 5px 5px 0;
	padding:0;
	border:1px solid #BFBFBF;
	background: url(http://3zou.net/common/minseikoron_banner.jpg) no-repeat;
	text-indent:-10000em;
	}

#bannerMenu h3.iguaz-banner a{
	clear:both;
	display:block;
	width:158px;
	height:55px;
	margin:0 5px 5px 0;
	padding:0;
	border:1px solid #BFBFBF;
	background: url(http://3zou.net/common/iguaz_banner.jpg) no-repeat;
	text-indent:-10000em;
	}

#bannerMenu h3.rabaul-banner a{
	clear:both;
	display:block;
	width:158px;
	height:55px;
	margin:0 5px 5px 0;
	padding:0;
	border:1px solid #BFBFBF;
	background: url(http://3zou.net/common/rabaul_banner.jpg) no-repeat;
	text-indent:-10000em;
	}

/*text link*/
#bannerMenu .sidetitle {
	width:153px;
	margin: 5px 5px 5px 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	}

#bannerMenu h4 {
	width:158px;
	text-align:center;
	margin: 5px 5px 5px 0;
	padding:2px 0 0 0;
	font-weight:bold;
	border-width:3px 0 3px 0;
	border-style:double;
	border-color:#BFBFBF;
	}

#bannerMenu ul {
	width:158px;
	margin: 0 5px 0 0;
	padding:0;
	}
	
#bannerMenu li{
	display:block;
	width:145px;
	font-size:12px;
	line-height:1.25em;
	background: url(http://3zou.net/common/side_navi_arrow.gif) no-repeat 0 5px;
	margin: 0;
	padding:0 0 5px 13px;
	}

/*_4-3. banner link*/

div#globalNavi div#bannerLink{
	clear:both;
	display:block;
	width:160px;
	margin:0 5px 0 5px;
	padding:5px 0 0 0;
	}

div#bannerLink li.tokyo2016-bid-commitee-banner a{
	clear:both;
	display:block;
	width:158px;
	height:55px;
	margin:0 0 5px 0;
	padding:0;
	border:1px solid #CCC;
	background: url(http://3zou.net/common/orinpic.gif) no-repeat;
	text-indent:-10000em;
	}
	
div#bannerLink li.one-click-banner a{
	clear:both;
	display:block;
	width:158px;
	height:55px;
	margin:0 0 5px 0;
	padding:0;
	border:1px solid #CCC;
	background: url(http://3zou.net/common/one_click.gif) no-repeat;
	text-indent:-10000em;
	}

/*=========================================
_5. main content
=========================================*/

/*_5-1. container*/

#main{
	float:left;
	display:block;
	position:relative;
	width:600px;
	margin:0 0 0 0;
	padding:0;
	background:#FFF;
	}

/*_5-2. title*/

div#main h1.page-title{
	clear:both;
	width:575px;
	height:55px;
	margin:5px 0 1em 20px;
	padding:0;
	text-indent:-10000em;
	}

div#main h2.page-title{
	clear:both;
	width:575px;
	height:55px;
	margin:5px 0 1em 20px;
	padding:0;
	text-indent:-10000em;
	}

#text-area h1.entry-title{
	clear:both;
	font-weight:bold;
	font-size:15px;
	line-height:1.25em;
	width:523px;
	background:transparent url(../common/entry_title_bg.jpg) no-repeat;
	margin:0;
	padding:23px 10px 0 42px;
	}

#category-archive h1.entry-title{
	clear:both;
	font-weight:bold;
	font-size:15px;
	line-height:1.25em;
	width:553px;
	background:  url(../common/entry_title_bg.gif) 0 14px no-repeat;
	margin:0 0 0 15px;
	padding:0.8em 0 0 22px;
	border-top:3px double #E3E3E3;
	}

#main #related-entries h2{
	clear:both;
	font-weight:bold;
	font-size:15px;
	line-height:1.25em;
	width:553px;
	background:transparent url(../common/entry_title_bg.gif) 0 3px no-repeat;
	margin:1em 0 0 20px;
	padding:0 0 0 22px;
	}


#text-area h2{
	clear:both;
	font-weight:bold;
	width:535px;
	margin:2em 20px 0 20px;
	padding:0;
	}

#category-archive h2.entry-title{
	clear:both;
	font-weight:bold;
	font-size:15px;
	line-height:1.25em;
	width:553px;
	background:  url(../common/entry_title_bg.gif) 0 14px no-repeat;
	margin:0 0 0 15px;
	padding:0.8em 0 0 22px;
	border-top:3px double #E3E3E3;
	}
	
/*_5-3. content*/

div#category-archive{
	display:block;
	clear:both;
	width:590px;
	margin:1em 0px 0 5px;
	padding:0;
	}

div#text-area span.archive-link{
	display:block;
	clear:both;
	font-size:12px;
	line-height:1.25em;
	color:#333;
	width:513px;
	margin:10px 0 0 20px;
	padding:0 0 10px 22px;
	text-align:right;
	border-bottom:3px double #E3E3E3;
	}

div#text-area span.pagebute{
	display:block;
	clear:both;
	font-size:14px;
	line-height:1.25em;
	color:#333;
	width:513px;
	margin:10px 0 0 20px;
	padding:0 0 10px 22px;
	text-align:right;
	border-bottom:3px double #E3E3E3;
	}

div#category-archive span.page-title{
	color:#333;
	}

div#category-archive span.archive-link{
	display:block;
	clear:both;
	font-size:12px;
	font-weight:bolder;
	line-height:1.25em;
	color:#999;
	width:553px;
	margin:10px 0 0 15px;
	padding:0 0 10px 22px;
	text-align:right;
	}

div#category-archive span.pagebute{
	display:block;
	clear:both;
	font-size:14px;
	font-weight:bolder;
	line-height:1.25em;
	width:575px;
	margin:10px 0 0 15px;
	padding:0;
	text-align:center;
	}

div#category-archive span.current_page{
	font-weight:bold;
	color:#333;
	}

div#text-area {
	clear:both;
	width:575px;
	line-height:1.5em;
	margin:15px 0 0 20px;
	padding: 0;
	}

#main #related-entries{
	float:left;
	clear:both;
	width:575px;
	margin:15px 0 0 0;
	}

#main #related-entries ul{
	width:575px;
	margin:0 0 0 20px;
	padding:0;
	}

#main #related-entries li{
	clear:both;
	width:558px;
	background:transparent url(../common/side_navi_arrow.gif) 0 7px no-repeat;
	margin:0.5em 0 0 0;
	padding:0 0 0 17px;
	}

#text-area span.entry-date{
	display:block;
	clear:both;
	font-weight:bolder;
	line-height:1.25em;
	color:#999;
	width:513px;
	margin:10px 20px 0 20px;
	padding:0 0 15px 22px;
	border-bottom:3px double #E3E3E3;
	}

#category-archive span.entry-date{
	clear:both;
	display:block;
	font-weight:bolder;
	line-height:1.25em;
	color:#999;
	width:553px;
	margin:10px 0 0 15px;
	padding:0 0 10px 22px;
	border-bottom:1px solid #E3E3E3;
	}

#text-area span.prev-next {
	display:block;
	clear:both;
	width:535px;
	margin:5px 20px 0 20px;
	font-size:12px;
	text-align:right;
	}


#text-area p{
	margin:1.5em 20px 0 20px;
	padding:0;
	text-indent:1em;
	text-align:left;
	}

#text-area ul{
	margin:1.5em 20px 0.5em 0;
	padding:0;
	text-align:left;
	}

#text-area li{
	text-align:left;
	margin:0 0 1em 20px;
	text-indent:-1em;
	}

#category-archive p{

	margin:1em 20px 0 20px;
	padding:0;
	text-indent:0;
	text-align:left;
	}

#entry-excerpt{
	float:left;
	width:600px;
	margin-bottom:1em
	}

span.next-entry{
	color:dodgerblue
	}

/*_5-3. photot-content*/	

.photo-center{
	clear:both;
	display:block;
	margin:1.5em 20px 0 20px;
	padding:0;
	}

.photo-right{
	float:right;
	display:block;
	margin:1.5em 0 0;
	padding:0 20px 0 10px;
	}

.photo-left{
	float:left;
	display:block;
	margin:1.5em 0 0;
	padding:0 10px 0 20px;
	}

/*_5-3. foot*/

#text-area p.author-name{
	clear:both;
	width:535px;
	height:50px;
	margin:2em 0 0 0;
	padding:0 20px 0 20px;
	background:#333 url(../common/entry_foot_bg.jpg) no-repeat;
	text-align:right;
	text-indent:0em;
	}

div#bottom-navi{
	clear:both;
	width:575px;
	margin:2em 0 4em 15px;
	padding:0;
	}
	
#bottom-navi .back a{
	float:left;
	display:block;
	width:100px;
	height:40px;
	margin:0;
	padding:0;
	background: url(../pictorial/image/arrow_back.jpg) no-repeat;
	text-indent:-999px;
	}
	
#bottom-navi .next a{
	float:right;
	display:block;
	width:100px;
	height:40px;
	margin:0;
	padding:0;
	background: url(../pictorial/image/arrow_next.jpg) no-repeat;
	text-indent:-999px;
	}

/*=========================================
_6. footer
=========================================*/

div#main p.anchor a {
	float:right;
	clear:left;
	background: url(../common/pagetop_arrow.gif) 0 6px no-repeat;
	margin:5em 10px 2em 0;
	padding:0 0 0 20px;
	}

div#footer{
	width:790px;
	height:50px;
	clear:both;
	margin:0;
	padding:0;
	background: url(../common/footer_bg.gif) repeat-x;
	}

div#footer div#copyright-outer {
	width:600px;
	height:50px;
	float:right;
	background: url(../common/copyright_outer_bg.gif) repeat-x;
	text-aligh:right;
	margin:0;
	padding:0 10px;
	}
	
div#copyright-outer p.copyright {
	width:315px;
	height:10px;
	float:right;
	background: url(../common/copyright_bg.gif) no-repeat;
	margin:25px 10px 0 0;
	padding:0;
	text-indent:-10000em;
	}