﻿@charset "UTF-8";

/* =====================================================
 File name : 
   home.css
 Summary : 
   首相官邸サイト トップページ用CSS
 Last modified : 
   2009年 11月 27日
===================================================== */

body {
	font-family: Arial,Helvetica,sans-serif;
}

/* -----------------------------------------------------
    contentBody
----------------------------------------------------- */
#contentBody {
	width:930px;
	margin:0 auto 30px;
	line-height:1.5em;	
}

/* -----------------------------------------------------
    wrapper
----------------------------------------------------- */
#wrapper {
	width: 824px;
	margin: 20px auto 0;
	background: url(/foreign/n-common/images/e_bg_sub.gif) right bottom no-repeat;
}

/* -----------------------------------------------------
    mainContent
----------------------------------------------------- */
#mainContent {
	float: left;
	width: 508px;
}

/* -----------------------------------------------------
    subContent
----------------------------------------------------- */
#subContent {
	float: right;
	width: 292px;
	padding-top: 0px;
}

/* -----------------------------------------------------
    header
----------------------------------------------------- */
#header {
	width:950px;
	margin:0 auto;
	position:relative;
	background-color:#F8F7EF;
	background:#F8F7EF url(/foreign/n-common/images/main.jpg) right no-repeat;
}

#header h1 {
	float:left;
	margin-top:27px;
	padding-left:13px;
}

#header .inner {
	float:right;
	width:500px;
	margin-top:5px;
}

#header #primaryNavigation {
	margin-right:15px;
}

#header #primaryNavigation ul {
	float:right;
	list-style:none;
	margin-bottom:20px;
}

#header #primaryNavigation li {
	color:#FFFFFF;
	float:left;
	display:inline;
	margin-left:15px;
	padding:2px 0 4px 13px;
	background:url(/foreign/n-common/images/icn_link.gif) 0px 5px no-repeat;
}

#header #primaryNavigation li.rss {
	padding-left:22px;
	background:url(/foreign/n-common/images/icn_rss.gif) no-repeat;
}

#header #primaryNavigation li a {
	color: #FFFFFF;
}

#header #searchWindow {
	float:right;
	display:inline;
	margin:10px 15px 15px;
}

#header #searchWindow input,
#header #searchWindow .title {
	float:left;
}

#header #searchWindow .word {
	width:140px;
	padding-bottom:2px;
	border:1px solid #C1C1C1;
}

/* -----------------------------------------------------
    globalNavigation
----------------------------------------------------- */
#globalNavigation {
	width:950px;
	height:46px;
	margin:0 auto;
	border-top:4px solid #F4CECF;
	border-bottom:4px solid #F4CECF;	
}

#globalNavigation ul {
	list-style:none;
	height:46px;
	background: url(/foreign/n-common/images/gnavi_bg.gif) left top no-repeat;
}

#globalNavigation li {
	float:left;
}

#globalNavigation a {
	display:block;
}

/* -----------------------------------------------------
    content common
----------------------------------------------------- */

#mainContent h2 {
	margin-bottom: 10px;
}

#mainContent .link {
	padding-bottom: 2px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #666666;
}

.link {
	list-style-type: none;
}

.link a {
	padding: 2px 0 2px 13px;
	background:url(/foreign/n-common/images/icn_link.gif) 0px 7px no-repeat;
}

#mainContent h3,
#subContent h2 {
	margin-bottom: 5px;
	font-size: 136%;
	font-weight: bold;
}

#subContent #topicsList,
#subContent #mailMagazine,
#subContent #bannerArea {
	padding-left: 6px;
	padding-right: 6px;
}

#mainContent #message ul li,
#mainContent #press ul li,
#subContent #topicsList ul li {
	padding:2px 0 4px 13px;
	list-style-type: none;
	background:url(/foreign/n-common/images/icn_link.gif) 0px 7px no-repeat;
}

#subContent .contentBox {
	padding: 5px 0;
	border-top: 1px dotted #666666;
}

#subContent .contentBox2 {
	padding: 5px 0;
	border-top: 1px solid #AFAEAA;
}

/* -----------------------------------------------------
    emmergencyContent
----------------------------------------------------- */
#emmergencyContent {
	margin-top: 15px;
	padding: 10px 10px 10px 38px;
	border: 1px solid #EECD6A;
	background: url(/foreign/n-common/images/icn_caution.gif) 10px 10px #FEFAE9 no-repeat;
	font-size: 118%;
	font-weight: bold;
	color: #FF0000;
}
#emmergencyContent a:link,
#emmergencyContent a:visited {
	color: #FF0000;
}
#emmergencyContent a:hover {
	color: #DD0000;
}

/* -----------------------------------------------------
    action
----------------------------------------------------- */
#action h2 {
	float: left;
}
#action p.link {
	padding-top: 7px;
	text-align:right;
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
#action .rss {
	padding: 2px 0 2px 22px;
	background:url(/foreign/n-common/images/icn_rss.gif) 0 2px no-repeat;
	font-size:110%;
}

#action .photo {
	margin-bottom: 3px;
	padding-left: 8px;
	background: url(/foreign/n-common/images/e_bg_action.gif) left bottom no-repeat #B00808;
	clear: both;
}

#action .caption {
	margin-bottom: 10px;
	line-height: 1.2em;
}

#action .link .fullStory {
	float: left;
	width: 200px;
}

#action .link .backNumber {
	display: inline;
	float: right;
	margin-bottom: 2px;
	padding-left: 30px;
	background: url(/foreign/n-common/images/e_icn_camera.gif) 0 2px no-repeat;
}

#action .link .backNumber a {
	position: relative;
	padding: 2px;
	background: none;
	border: 1px solid #A4A4A4;
	color: #666666;
	font-weight: bold;
}

/* -----------------------------------------------------
    message
----------------------------------------------------- */
#message h3 {
	margin-left: 10px;
	margin-right: 10px;
}

#message ul {
	padding: 0 10px;
}

#message .link {
	text-align: right;
}

/* -----------------------------------------------------
    press
----------------------------------------------------- */
#press h2 {
	float: left;
}
#press p.link {
	padding-top: 4px;
	text-align:right;
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
#press .rss {
	padding: 2px 0 2px 22px;
	background:url(/foreign/n-common/images/icn_rss.gif) 0 2px no-repeat;
	font-size:110%;
}
#press h3 {
	margin-left: 10px;
	margin-right: 10px;
}

#press ul {
	padding: 0 10px;
}

#press .link {
	text-align: right;
}
#press ul.list {
	clear: both;
}

/* -----------------------------------------------------
    topicList
----------------------------------------------------- */

/* -----------------------------------------------------
    mailmagazine
----------------------------------------------------- */
#mailMagazine .btn {
	margin: 15px 0;
	text-align: center;
}

#mailMagazine .issue {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#mailMagazine .link li {
	float: left;
	width: 135px;
}

/* -----------------------------------------------------
    bannerArea
----------------------------------------------------- */
#bannerArea li {
	display: inline;
	list-style-type: none;
}

#bannerArea a {
	display: block;
	margin-bottom: 5px;
}

/* -----------------------------------------------------
    clearfix
----------------------------------------------------- */

#globalNavigation ul:after,
#header:after,
#header #primaryNavigation:after,
#header #primaryNavigation ul:after,
#header #searchWindow:after,
#contentBody:after,
#wrapper:after,
.link:after {
	content:".";  
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

#globalNavigation ul,
#header,
#header #primaryNavigation,
#header #primaryNavigation ul,
#header #searchWindow,
#contentBody,
#wrapper,
.link {
	min-height:1px;
}

* html #globalNavigation ul,
* html #header,
* html #header #primaryNavigation,
* html #header #primaryNavigation ul,
* html #header #searchWindow,
* html #contentBody,
* html #wrapper,
* html .link {
	height:1px;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}

