@charset "utf-8";
/* CSS Document */

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

/*要素のフォントサイズやマージン・パディングをリセットしています*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    /*background:transparent; テーブルの背景が効かないため*/
}

/*行の高さをフォントサイズと同じにしています*/
body {
    line-height:1;
}

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
nav ul {
    list-style:none;
}

/*引用符の表示が出ないようにしています*/
blockquote, q {
    quotes:none;
}

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

/*テキストに打ち消し線が付くようにしています*/
del {
    text-decoration: line-through;
}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
    border-collapse:collapse;
    border-spacing:0;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
    vertical-align:middle;
}

.fo_ab{
	font-family:"Arial Black";
	font-size: 0.9em;
	}
.clo_b{
	color:#0146ba;
	}


/* common CSS
=======================================*/
html{-webkit-text-size-adjust:100%}
body{font-size:85%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height:140%;
	color:#333; 
	}


.pan {
	font-size: 80%;
	line-height:130%;
}

.panbl {
	font-size: 80%;
	line-height:130%;
	color: #0066CC;
}

a:link {color:#333;TEXT-DECORATION: none;}
a:visited {color:#333;TEXT-DECORATION: none;}
a:active {color:#999;TEXT-DECORATION: none;}
a:hover {color:#1f9daf;TEXT-DECORATION: underline;}

/*イメージ画像リンク時半透明*/

a img.linkimg{
background:none!important;
}
 
a:hover img.linkimg{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background:none!important;
}

img.mannaka {
vertical-align: -3px;
}

/*パンクズリスト*/

ol.topicPath {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 80%;
}

/*リスト項目*/
ol.topicPath li {
display: inline;
}

/*キャプションデザイン*/

.photocap {
	position: relative;
    display: block;
	width: auto;
    height: auto; 
	}
.photocap p{
	position: absolute;
	left: 0px;
	bottom: 70px;
	color: #000;
	background: #fff;
	-moz-opacity: .70;
	filter: alpha(opacity=70);
	opacity: .70;
	border-bottom: 3px solid #39C;
	padding: 5px 15px 5px 15px;
	}
	
/*インデントデザイン3種類*/

ul{	list-style: none; }

.list01 li{
	padding-left: 1em;
	text-indent: -1em;
}

/*１行目のみ色を変える*/
.list02 li:first-line{
	color: #0066cc;
	font-weight: bold;
}
.list02 li{
	margin-bottom: 1em;
	padding-left: 1.2em;
    text-indent: -1.2em;
}
/*１行目のみ色を変える*/
.list03 li{
	padding-left: 4em;
    text-indent: -4.2em;
}
/*アイコン色　●日時：等字下げ*/
.list03 li span{
	font-weight: bold;
}
.list02 li:before,
.list03 li:before {
    content: "●";
    color: #0066cc;
    padding-right: .2em;
}


/*clearfix*/

.clearfix{ /zoom:1; }
.clearfix:after{ content : ''; display : block; clear : both; height:0; }
.clearfix{ overflow:hidden; }