﻿/* リセット */
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure,
figcaption, nav {
margin: 0;
padding: 0;
font-size: 100%;
}

body {
line-height: 1.0;
-webkit-text-size-adjust: none;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
display:block;
}

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

ul, ol {
list-style: none;
}

table {
border-spacing: 0;
empty-cells: show;
}

/* 全体 */
body {
margin: 0px;
padding: 0px;
color: #000;
background-color: #fff;
font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
font-size: 14px;
line-height: 1.5;
}

#wrap {
padding: 10px
}


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

h1 {
font-size: 150%;
font-weight: bold;
}

h2 {
font-size: 110%;
font-weight: bold;
}


h3{
text-align:center;
width:98%;
margin:3px;
font-size:17px;
padding: 5px;/*文字周りの余白*/
color: #010101;/*文字色*/
background: #eaf3ff;/*背景色*/
border-bottom: solid 3px #516ab6;/*下線*/
}


p.info_s_s {
font-size: 90%;
color: #666;
text-align: right;
}

p.tou {
color: #F00;
font-size: 100%;
margin-bottom: 5px;
}

p.hir {
color: #FF9900;
font-size: 90%;
margin-bottom: 5px;
}

span.c_h1 {
font-size: 230%;
}

span.c_h2 {
font-size: 130%;
}

span.c_h3 {
font-size: 120%;
}

span.m_h1 {
font-size: 120%;
color: #3333cc;
}

span.m_h2 {
font-size: 100%;
color: #036;
}

/* 項目 */
section.info_top {
margin: auto 2px 2px 2px;
text-align: center;
}

section.info_m {
margin-top: 10px;
padding-left: 10px;
color: #fff;
background-color: #6699cc;
-webkit-border-radius:5px;
}

section.i_small {
margin-right: 5px;
font-size: 115%;
color: #0066cc;
text-align: right;
}


section.i_small2 {
margin-right: 5px;
font-size: 90%;
color: #666;
text-align: center;
}

section.candidate {
margin: auto 17px 10px 17px;
padding-top: 5px;
padding-bottom: 10px;
line-height: 1;
border-bottom: 1px dotted #999;
}

section.candidate:after {
content: '';
display: block;
clear: both;
}

section.candidate p:last-of-type {
margin-bottom: 0;
}

section.info_s {
margin-top: 15px;
padding-top: 3px;
padding-left: 10px;
background-color: #c2d6ed;
color: #000;
-webkit-border-radius:5px;
}

section.municipality {
margin: auto 10px 12px 10px;
padding-bottom: 8px;
border-bottom: 1px dotted #999;
}

/* 画像 */
img.left {
margin: 0 6px 6px;
float:left;
border: 1px solid #666;
width: 55px;
height: 62px;
}

/* ヘッダーメニュー */
nav.head_n {
border-radius: 8px;
-webkit-border-radius: 8px;
background-color: #e6e6e6;
background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#ccc));
font-size: 120%;
width: 200px;
margin: 0 auto;
margin-bottom: 1em;
}

nav.head_n li {
text-align: center;
float: left;
font-weight: bold;
border-left: 1px solid #fff;
text-shadow: -1px -1px 0 rgba(150, 150, 150, 0.3);
}

nav.head_n li a {
display: block;
width: 99px;
padding: 8px 0;
}

nav.head_n li:first-child {
	border: none;
}
nav.head_n a {
color: #000;
text-decoration: none;
}

/* フッターメニュー */
nav.foot_n ul{
border-bottom: 1px solid #ccc;
}

nav.foot_n ul li{
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
background: linear-gradient(#fff, #f0f0f0);
border-bottom: 1px solid white;
border-top: 1px solid #ccc;
height: 44px;
margin: 0;
}

nav.foot_n ul li a{
color: #000;
font-size: 107%;
display: block;
height: 44px;
margin: 0;
padding: 0 0 0 10px;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
white-space: nowrap;
line-height: 44px;
}

nav.foot_n ul li a:after{
content: url(img/mark.png);
float: right;
}

/* フッター */
footer p {
background: #000;
text-align: center;
}

footer p small {
color: #fff;
padding: 10px;
display: block;
}
	 
footer a{color: #fff}

p.p_t {
border-radius: 5px;
background: -webkit-gradient(linear, left top, left bottom, from(#cbcccf), to(#acaeb0)) #cbcccf;
width: 7em;
font-size: 12px;
text-align: center;
float: right;
margin-right: 10px;
margin-bottom: 10px;
}


p.p_t a {
text-shadow: 1px 1px 0 #ddd;
display: block;
padding: 5px 0;
color: #444444;
text-decoration: none;
}


p.p_shi {
border-radius: 5px;
background: -webkit-gradient(linear, left top, left bottom, from(#cbcccf), to(#acaeb0)) #cbcccf;
width: 10em;
font-size: 13px;
text-align: center;
float: right;
margin-right: 10px;
margin-bottom: 10px;
}


p.p_shi a {
text-shadow: 1px 1px 0 #ddd;
display: block;
padding: 5px 0;
color: #444444;
text-decoration: none;
}




.inner.uliza .movie_area {
 position: relative;
 width: 290px;
 min-height: 184px;
 margin: 0 auto;
}

.inner.uliza iframe {
 position: absolute;
 top: 0;
 left: 0;
 transform:scale(0.45);
 -webkit-transform:scale(0.45);
 -moz-transform:scale(0.45);
 transform-origin:0 0;
 -webkit-transform-origin:0 0;
 -moz-transform-origin:0 0;
}


