/*共通装飾*/

html { 
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック", "Osaka－等幅";
margin: 0;
padding: 0;
}


body {
margin: 0;
}

/*------------------------------------------------------------------------------
　基本的な要素
------------------------------------------------------------------------------*/

address {
font-style: normal;
}

a:link {
color: #003399;
text-decoration: none;
}

a:visited {
color: #003399;
text-decoration: none;
}

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

a:active {
color: #9C3;
text-decoration: underline;
}

a img { border: none; }	

.clear {
clear: both;
margin: 0;
padding: 0;
}

.clear_10 {
clear: both;
margin: 0 0 15px;
padding: 0;
}

.line { border-bottom: #309 dotted 1px;
margin-bottom: 15px;
padding-bottom: 10px;
}

.none {
margin: 0;
padding: 0;
}

.clear_none{ clear: both;
display: none;
}

p {
margin: 0;
padding: 0;
line-height: 1.5;
}

.inner {
padding: 10px;
overflow: hidden;
}

/* 共通装飾 */

.font11 { font-size: 11px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }
.font15 { font-size: 15px; }
.font16 { font-size: 16px; }
.font18 { font-size: 18px; }
.font20 { font-size: 20px; }

.red12 { color: #F00; font-size: 12px; }
.red14 { color: #F00; font-size: 14px; }

em { font-style: normal;
font-weight: bold;
color: #F00;
}

#main {
margin: 0;
padding: 0;
clear: both;
}

.wrapper {
padding: 10px;
}


/*　clearfix　*/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*------------------------------------------------------------------------------
　ヘッダー
------------------------------------------------------------------------------*/

#header {
background-color: #FFFFFF;
border-top: #66B92F solid 5px;
border-bottom: #66B92F solid 1px;
height: 106px;
overflow: hidden;
}

#header .logo {
height: 80px;
width: 150px;
padding: 0;
margin: 13px 0;
}

#header .advertisement {
height: 90px;
width: 728px;
padding: 0;
margin: 8px 0;
top: 5px;
left: 170px;
position: absolute;
}

* html #header {
height: 111px;
}

* html #header .advertisement {
margin: 4px 0;
}

/*------------------------------------------------------------------------------
　　グローバルナビ
------------------------------------------------------------------------------*/

#gnavi{
padding: 0;
margin: 0;
border-bottom: #999999 solid 1px;
width: 100%;
height: 25px;
background: #CCCCCC url(../img/bg_menu.jpg) repeat-x top left;
clear: both;
line-height: 1.0;
}


#gnavi ul{
margin: 0;
padding: 0;
list-style-type: none;
}



#gnavi li{
padding: 5px 15px 0;
margin: 0;
height: auto;
background: url(../img/navi_line.gif) no-repeat right bottom;
float: left;
line-height: 1.0;
font-size: 14px;
}


* html #gnavi li {
padding-top: 10px;
}


#gnavi li a{
display: block;
font-weight: bold;
}

#gnavi li img{
vertical-align: middle;
margin: 0 0 1px 0;
}



/*------------------------------------------------------------------------------
　左メニュー（ローカルナビ）
------------------------------------------------------------------------------*/

#leftmenu {
margin: 0;
padding: 0;
}

#leftmenu h2 {
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
margin: 0px;
padding: 3px 0px 2px 18px;
border-top: none;
border-bottom: #CCCC99 solid 3px;
background: #339900 url(../img/icon_left.gif) no-repeat left center;
}


#leftmenu ul {
margin: 5px 0 10px 5px;
padding: 0px;
list-style-type: none;
}

#leftmenu li {
background: url(../img/icon01.gif) no-repeat left top;
padding: 0px 5px 0px 10px;
list-style-type: none;
list-style-position: outside;
line-height: 1.2;
margin-bottom: 5px;
margin-top: 0px;
font-weight: bold;
font-size: 14px;
}

#leftmenu li.about {
background: url(../img/icon02.gif) no-repeat left top;
padding-left: 15px;
}

#leftmenu li.link {
background: url(../img/icon03.gif) no-repeat left top;
padding-left: 15px;
}



/*------------------------------------------------------------------------------
　右メニュー（バナー枠）
------------------------------------------------------------------------------*/

#banner {
width: 310px;
margin: 0;
padding: 5px;
font-size: 12px;
}

#banner img {
margin: 5px 0;
padding: 0px;
}

#info {
background-color: #FF0000;
padding: 5px;
width: 272px;
margin: 5px auto 0 auto;
}

#info h2{
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
text-align: center;
padding: 0;
margin: 0;
}


#info_box {
width: 270px;
background: #FFFFFF;
margin: 0 auto 10px auto;
padding: 2px 5px 5px;
border-left: solid 1px #FF0000;
border-bottom: solid 1px #FF0000;
border-right: solid 1px #FF0000;
font-size: 12px;
font-weight: normal;
line-height: 1.5;
text-align: left;
}

#info_box h2{
font-size: 16px;
font-weight: bold;
margin: 5px 2px 2px;
padding: 0 0 3px 30px;
background: url(http://www.nara-np.co.jp/img/icon_present.gif) no-repeat left center;
}

#info_box img {
	margin: 0 5px 5px;
}

#info_box h3{
font-size: 14px;
font-weight: bold;
color: #390;
margin: 2px;
padding: 0px;
}

#info_box h4{
margin: 0;
padding: 0;
font-size: 12px;
text-align: center;
font-weight: normal;
color: #FF9900;
}

#info_box p{
line-height: 1.5;
margin: 0;
padding: 0;
font-size: 12px;
}

#nara_ms {
background-color: #3500BF;
padding: 5px;
width: 272px;
margin: 5px auto 0 auto;
}

#nara_ms h2{
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
text-align: center;
padding: 0;
margin: 0;
}

#nara_ms_box {
width: 270px;
background: #FFFFFF;
margin: 0 auto 10px auto;
padding: 2px 5px 5px;
border-left: solid 1px #3500BF;
border-bottom: solid 1px #3500BF;
border-right: solid 1px #3500BF;
font-size: 12px;
font-weight: normal;
line-height: 1.5;
text-align: left;
}

.koudoku {
font-weight: bold; 
text-align:right!important;
}

#pr_banner {
width: 300px;
overflow: visible;
padding: 5px;
margin: 5px auto 0;
}

#pr_banner h3 {
	background-color: #CCC;
	font-size: 14px;
	font-weight: bold;
	padding: 2px;
	margin: 0 0 10px;
}

#pr_banner  ul{
list-style: none;
margin: 0;
padding: 0;

}

#pr_banner li{
float: left;
display: inline;
width: 145px;
height: 50px; 
margin: 0;
padding: 0 2px 5px 2px;
}


#pr_banner li a{
width: 100%; /*Windows IE対策*/
text-align: center;
}

#pr_banner img{
vertical-align: bottom;
margin: 0;
padding: 0;
}

/*------------------------------------------------------------------------------
右メニュー【桜だより】
------------------------------------------------------------------------------*/

#sakura { margin: 0 auto;
padding: 0;
text-align: center;
width: 250px;
}

#sakura img { margin: 0; }

#sakura_box {
width: 238px;
margin: 0 auto;
padding: 5px;
border-left: dotted 1px #FF66CC;
border-bottom: dotted 1px #FF66CC;
border-right: dotted 1px #FF66CC;
background-color: #FFFFFF;
}

#sakura_box p {
font-size: 12px;
font-weight: normal;
color: #333;
background: url(http://www.nara-np.co.jp/img/icon_sakura.gif) no-repeat left;
padding: 0 0 0 20px;
margin: 0;
text-align: left;
}

#sakura_box h4 {
font-size: 11px;
font-weight: normal;
color: #333;
margin: 0;
text-align: right;
}

/*------------------------------------------------------------------------------
　検索
------------------------------------------------------------------------------*/

#search {
background-color: #CCCCCC;
margin: 5px 5px 15px;
padding: 5px 5px 10px;
text-align: left;
}

#search img {
margin: 0;
padding: 0;
}

#search form {
margin: 0;
padding: 0;
}

.seachtitle {
float: left;
padding: 0px 5px;
margin: 0px;
}



/*------------------------------------------------------------------------------
　文字サイズ変更
------------------------------------------------------------------------------*/

.space {
padding: 5px 15px;
margin: 5px 15px;
}

.space02 {
padding: 0px 3px;
margin: 5px 0px;
}



/*------------------------------------------------------------------------------
　コンテンツ
------------------------------------------------------------------------------*/

#content {
margin: 0;
padding: 5px 10px;
}


/*------------------------------------------------------------------------------
　TOP　ニュースピックアップ
------------------------------------------------------------------------------*/

#pickup_photo {
float: left;
height: auto;
padding: 0 10px 10px 0;
margin: 10px 0 0 0;
}


#pickup{
margin: 0;
padding: 0;
}


.pickup_title {
margin: 5px 0;
padding: 0;
line-height: 1.5;
font-weight: bold;
}

.pickup_text {
position: relative;
top: 10px;
left: 0px;
right: auto;
margin: 0;
padding: 0;
width: auto;
}

.pickup_text p {
letter-spacing:0.1em;
}


#pickup_photo:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

* html #pickup_photo { height: 1px; }

#pickup_photo { display: inline-block; }

#pickup_photo { display: block; }



/*------------------------------------------------------------------------------
　ニュース
------------------------------------------------------------------------------*/

.news_titlebar {
width: 98%;
border-bottom: #DCEFD0 solid 3px;
border-left: #CCCCCC solid 1px;
border-right: #CCCCCC solid 1px;
border-top: #CCCCCC solid 1px;
margin: 10px auto;
padding: 0px 2px 0px 5px;
height: 20px;
}

.news_titlebar h2 {
text-align: left;
float: left;
padding: 0 10px;
margin: 5px 0 0 0;
border-left: #339900 solid 8px;
overflow: hidden;
width: auto;
height: auto;
}

h3.news_index {
padding: 0px 0px 0px 20px;
margin: 0px 10px 10px 20px;
background: url(../img/icon_next.gif) no-repeat left;
}

h3.news_index img {
margin: 0px 0px 8px 0px;
}

.news_titlebar h4 {
font-weight: normal;
text-align: right;
padding: 7px 10px 0px 0px;
margin: 0px;
}

.date {
color: #999999;
font: bold 12px Arial, Helvetica, sans-serif;
margin-left: 10px;
display: inline;
}


/*---　ページ遷移　---*/

div.systemnavi {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
margin: 20px auto;
}

div.systemnavi p {
margin: 0;
padding: 0;
}

p.systemnavi1 {}
p.systemnavi2 {float: left;}
p.systemnavi3 {text-align: right;}



/*------------------------------------------------------------------------------
　ＰＲ（広告）
------------------------------------------------------------------------------*/

.ad {
margin: 10px;
padding: 0;
font-size: 14px;
}

.ad li { list-style: none;
list-style-position: outside;
margin: 5px 0 10px;
padding: 0;}


/*------------------------------------------------------------------------------
　フッターナビ
------------------------------------------------------------------------------*/

div.snavi{
margin: 0;
padding: 10px 0 0;
border-top: #999999 double;
text-align: center;
}

.snavi p {
font-size: 14px;
font-weight: bold;
}

.snavi ul{
margin: 7px;
list-style-type: none;
border: none;
}

.snavi li{
display: inline;
padding: 0px;
margin: 0px;
}



/*------------------------------------------------------------------------------
　フッター
------------------------------------------------------------------------------*/

#footer {
padding: 0 20px 10px;
margin: 0;
}

#footer p{
font-weight: normal;
font-size: 12px;
line-height: 1.5;
}

#footer a { font-weight: normal;}


#47member {
margin: 0px;
padding: 10px;
border: solid 1px #CCCCCC; 
}

#47member p {
line-height: 1.3;
font-size: 11px;
}

#47member a { font-weight: normal; }


/*------------------------------------------------------------------------------
　会社概要
------------------------------------------------------------------------------*/

table.gaiyou{
    border-spacing: 2px;
    empty-cells:show;
	border-collapse: separate;
	font-size: 14px;
	width: 600px;
	margin-top: 30px;
}

.gaiyou th{
    border-bottom: 2px solid #9ACD32;
	background-color: #E0EEE0;
	width: 140px;
	padding: 5px;
	text-align: center;
}

.gaiyou td{
    border-bottom: 2px solid #9FB6CD;
	background-color: #EBEBEB;
	width: 140px;
	padding: 5px;
	text-align: center;
}


/*------------------------------------------------------------------------------
　TOPおすすめリンク（バナー）
------------------------------------------------------------------------------*/

#top_osusume {
    width: 476px;
	height: auto;
	margin: 10px;
}

#top_osusume ul {
     margin: 0;
     padding: 0;
}
#top_osusume ul li {
	font-size: 12px !important;
	float: left;
     list-style-type: none;
	 display: block;
     width: 230px;
     height: 80px;
     margin: 0 8px 0 0;
	padding: 0;

}

#top_osusume ul li a {
	border-bottom-style: none;
}

#top_osusume:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

#top_osusume:after {
  min-height: 1px;
}

* html #top_osusume:after {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*------------------------------------------------------------------------------
　天気予報
------------------------------------------------------------------------------*/


#weather { margin: 5px 2px;
padding: 0;
}


/*------------------------------------------------------------------------------
　共用装飾
------------------------------------------------------------------------------*/

.notewrapper {
	margin: 0 auto 20px;
}

.note {
	background: url(../img/line.gif) repeat left bottom;
	font-size: 1em;
	line-height: 30px;
	padding: 0 5px 0 5px;
	font-size: 14px;
}