/**** Base styles ****/

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;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

html { overflow-y: scroll; }


body {
	background-color: #fff;
	color: #000000;
	font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	_font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 13px;
	*font-size: 81.2%;
	text-align: center;
	position:relative;
}

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

a:visited {
	color: #036;
	text-decoration: underline;
}

a:active,
a:hover {
	color:#5580B6;
}
img { border: 0; }
hr { display: none; }
strong { font-weight: bold; }
blockquote { padding: 15px; }
table { border-collapse: collapse;}
table th,
table td,
table caption {
	_font-size: 81.2%;
	line-height: 1.7;
}

li{list-style:none;}

/*  Common id, class
---------------------------------------------------------- */
.rollover {}
.hover { cursor: pointer; }
.tm { margin-bottom: 1em !important; }
.tm_2 { margin-bottom: 2em !important; }
.clear { clear: both; }
br.clear { display: none; }
.no_margin { margin: 0 !important; }
.blue {color:#7090d6;}
sub {
	font-size:75%;
	vertical-align:text-bottom;
}
.sup {
	font-size:75%;
	vertical-align:text-top;
}
.break {page-break-after:always;}
.break span {display:none;}
h2.first,
h3.first,
h4.first{ margin-top:0; padding-top:0 !important;}

/**********************************************************
  =Header
---------------------------------------------------------- */
header {
	background:url(/common/images/bg_header.png) repeat-x left top;
}

header div.inner {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position:relative;
}

header div#pagetop {padding: 0;}

header h1#logo {
	height:152px;
}

/**** header utility ****/
header #share_box {
	position:absolute;
	bottom:0;
	right:0;
	/*width:110px;*/
	width:220px;
	background:url(/common/images/bg_share.png) no-repeat left bottom ;
}
header #share_box li {
	float:left;
	width:110px;
}
header #share_box li a {
	display:block;
	margin:8px 10px;
	padding-left:34px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:0.846em;
	line-height:2.545;
}
header #share_box li a:hover {
	text-decoration: underline;
}
header #share_box li.facebook a {
	background:url(/common/images/icon_fb.png) no-repeat left top;
}
header #share_box li.twitter a {
	background:url(/common/images/icon_tw.png) no-repeat left top;
}
/*********************************************************
  =Body
---------------------------------------------------------- */

/*  body
---------------------------------------------------------- */
div#body {
	width: 960px;
	margin: 0 auto;
	padding-top:20px;
	line-height: 1.7;
	text-align: left;
}
div#main {
	float: left;
	width: 460px;
	margin:0 30px;
	padding-bottom: 0;
	display: inline;
}
body.col_2 div#main { width: 600px; }

nav#organization {
	float: left;
	width: 220px;
	display: inline;
}
nav#archives {
	float: left;
	width: 220px;
	display: inline;
}


/*  Nav: organization
---------------------------------------------------------- */

nav#organization ul li{
	padding:0;
	background:url(/common/images/bg_btn_btm.png) no-repeat left bottom;
	margin-bottom:10px;
}

nav#organization ul li p{
	background:url(/common/images/bg_btn_top.png) no-repeat left top;
	padding:3px 4px 5px 4px;
	line-height:1.4;
}

nav#organization ul li a{
	display:block;
	background:url(/common/images/icon_arrow.gif) no-repeat 11px 19px;
	padding:14px 0 14px 25px;
	_padding:17px 0 17px 25px;
	_width:100%;
	text-decoration:none !important;
}

/*  btn: contact
---------------------------------------------------------- */

nav#organization ul li.contact{
	background:url(/common/images/bg_contact_btm.png) no-repeat left bottom;
}

nav#organization ul li.contact p{
	background:url(/common/images/bg_contact_top.png) no-repeat left top;
}

nav#organization ul li.contact a{
	background:url(/common/images/icon_contact.gif) no-repeat 11px 13px;
	padding:10px 0 10px 40px;
	_padding:13px 0 13px 40px;
}

/*  btn: bn
---------------------------------------------------------- */

nav#organization ul li.bn{
	background:none;
}

nav#organization ul li.bn p{
	background:none;
	padding:0;
	line-height:1;
}

nav#organization ul li.bn a{
	background:none;
	padding:0;
}

/*  Nav: archives
---------------------------------------------------------- */
nav#archives section h1{
	background:url(/common/images/bg_menu_top.png) no-repeat left top;
	margin:0;
	padding: 7px 15px 7px 28px;
	color:#FFFFFF;
	font-size:92.3%;
	font-weight:bold;
	line-height:1.4;
}
nav#archives section h1 a{color:#FFFFFF; text-decoration:none;}
nav#archives section h1 a:hover{text-decoration:underline;}

nav#archives section{
	padding:0;
	background:url(/common/images/bg_menu_btm.png) no-repeat left bottom;
	margin-bottom:10px;
}

nav#archives section ul{
	padding:0 0 5px;
	font-size:84.6%;
}

nav#archives section li{
	background:url(/common/images/line_dotted.gif) repeat-x left top;
}
nav#archives section li.first{ background:none;}

nav#archives section li a{
	display:block;
	background:url(/common/images/icon_arrow.gif) no-repeat 13px 13px;
	padding:8px 15px 8px 27px;
	_width:100%;
	text-decoration:none !important;
}


/*********************************************************
  =main article
---------------------------------------------------------- */


#main article {
	padding:0 0 15px;
}
#main article section{
	background:url(/common/images/bg_section.png) repeat-y left top;
	padding: 0;
	border-top:#BCBCBC 1px solid;
	clear:both;
}
#main article .section_btm{
	background:url(/common/images/bg_section_btm.png) no-repeat left bottom;
	height:25px;
	clear:both;
}

#main article section h1{
	background:url(/common/images/bg_section_head.png) no-repeat left bottom;
	margin:0 0 15px;
	padding: 10px 35px ;
	color:#FFFFFF;
	font-size:123.1%;
	font-weight:bold;
	line-height:1.4;
}

#main article section h2.label{
	/*margin:25px 0 10px;*/
	margin:15px 0 10px;
	padding:10px 0 0 0;
	line-height:1.4;
	border-top:#69C 1px solid;
	font-weight:bold;
	font-size:107.7%;
}
#main article section h3{
	margin:10px 0 5px;
	font-weight:normal;
	font-size:100%;
}
#main article section p.date{
	margin:-4px 25px -2px;
	font-size:84.6%;
	text-align:right;
	line-height:1;
}

#main article aside {
	margin-top:20px;
	/*background:url(/common/images/line_dotted.gif) repeat-x left top;
	padding-top:15px;*/
}
#main article aside .rel_link{
	padding:10px 15px 15px;
	margin:0 20px;
	background-color:#DFEAF4;

}

/*********************************************************
  =main article (col2)
---------------------------------------------------------- */
.col_2 #main article section{
	background:url(/common/images/bg_section_col2.png) repeat-y left top;
}
.col_2 #main article .section_btm{
	background:url(/common/images/bg_section_btm_col2.png) no-repeat left bottom;
}
.col_2 #main article section h1{
	background:url(/common/images/bg_section_head_col2.png) no-repeat left bottom;
}

/*********************************************************
  =main article (wide)
---------------------------------------------------------- */
.wide #main article section{
	background:url(/common/images/bg_section_wide.png) repeat-y left top;
}
.wide #main article .section_btm{
	background:url(/common/images/bg_section_btm_wide.png) no-repeat left bottom;
}
.wide #main article section h1{
	background:url(/common/images/bg_section_head_wide.png) no-repeat left bottom;
}
body.wide div#main { width: 710px; margin-left:0;}

/*********************************************************
  =block
---------------------------------------------------------- */

/*  div.Section
---------------------------------------------------------- */
div.section {
	clear:both;
}

#main article section div.section {
	padding:0 20px;
}

#main article section div.line_dotted{
	background:url(/common/images/line_dotted.gif) repeat-x left top;
	padding-top:15px;
	margin-top:15px;
	/*margin-bottom:15px;*/
}


/*  wmv_thumb
---------------------------------------------------------- */
.wmv_thumb{
	width:110px; float:left;
	line-height:1;
}
.wmv_thumb p.img img{
	margin-bottom:-3px;
}

/*  book_thumb
---------------------------------------------------------- */
.book_thumb{
	width:110px;
    float:right;
	line-height:1;
}
.book_thumb p.img img{
	margin-bottom:-3px;
}

.book_thumb a.link_icon {
	display:block;
	padding:0 0 3px 12px;
	background:url(/common/images/icon_arrow.gif) no-repeat 0px 0.35em;
	text-decoration:none !important;
}

.book_thumb a.link_icon > img{
    margin-left: 5px;
}

.box-sh{
    box-shadow: 1px 1px 7px -2px rgba(0, 0, 0, 0.6);
}

/*  book_intro
---------------------------------------------------------- */
.book_intro{
    width: 300px;
    float: left;
    padding:0 0 1em 0;
}

/*  book_index
---------------------------------------------------------- */
.book_index ul{
    margin-bottom: 1em;
}

.book_index span{
    display: inline-block;
}

.book_index dl{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-right: 20px !important;
}

.book_index dt.first{
    width: 5em;
}

ul.decimal li{
    list-style-type: decimal;
    margin-left: 1.6em;
}

ul.teigen li{
    position: relative;
    padding-left: 3.6em;
    counter-increment: li;
}

ul.teigen li::before{
    content: "提言0" counter(li) " ";
    display: block;
    position: absolute;
    top: .05em;
    left: 0;
    font-size: 12px;
}

/*  paneler
---------------------------------------------------------- */
.paneler{
	text-align:left;
	padding:0 0 1em 0;
	width:300px;
	float:right;
}
.paneler span{
	font-size:84.6%;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	color:#333;
}

.paneler li{
	margin:0 0 5px;
	padding-bottom:5px;
	background:url(../images/line_dotted.gif) repeat-x left bottom;
	line-height:1.4;
}

.paneler table { width:100%;}
.paneler tr {background:url(../images/line_dotted.gif) repeat-x left bottom;}
.paneler td { padding:5px 0; vertical-align:bottom; line-height:1.4;}

.paneler li.last,
.paneler tr.last{
	background:none;
}

/*  material_box
---------------------------------------------------------- */
.material_box{
	clear:both;
	margin:10px 20px 0;
	padding-top:10px;
	background:url(/common/images/bg_material_top.png) no-repeat left top;
}

.material_box dl,
.material_box .inner{
	padding-top:0;
	padding-bottom:4px;
	padding-left:20px;
	background:url(/common/images/bg_material_btm.png) no-repeat left bottom;
    background-size: cover;
}

.material_box dl dt {
	width:3em;
	float:left;
	clear:left;
	padding:0px 0px 6px 0px;
	line-height:1.33;
}

.material_box dl dd {
	margin:0px 0px 0px 3.2em;
	padding:0px 0px 4px 0px;
	line-height:1.33;
}

.material_box dl a {
	display:block;
	padding:0 0 3px 12px;
	background:url(/common/images/icon_arrow.gif) no-repeat 0px 0.35em;
	text-decoration:none !important;
}
.material_box dl a:hover,
.material_box dl a:active {
	text-decoration:underline !important;
	_background-color:#FFFFFF;
}

.material_box dl dd a.pdf{ vertical-align:2px; }

*html div#main .material_box dl dd a.pdf{ vertical-align:0px; }

*html div#main .material_box dl dd img.link_icon{
	margin-top:0.15em;
	vertical-align:0px;
	}

/*  movie_area
---------------------------------------------------------- */
div.movie_area {
	margin:0 auto 15px;
	background:#DDDDDD;
	height:260px;
	width:360px;
	clear:both;
}
div#main div.movie_area p {
	padding-top:115px;
	text-align:center;
	color:#666666;
}

/* page_bottom
---------------------------------------------------------- */
div.page_bottom {
	padding:0 0 10px;
	clear:both;
}
div.go_pagetop {
	padding:20px 0 20px;
	clear:both;
}
p.totop {
	float:right;
}
p.totop a {
    background:url(/common/images/icon_arrow_top.gif) no-repeat scroll 2px 2px transparent;
    display: block;
    line-height: 1;
    padding-left: 14px;
	font-size:84.6%;
}
p.goback { float:left;}
p.goback a {
    background:url(/common/images/icon_arrow.gif) no-repeat scroll 2px 2px transparent;
		text-decoration:none;
		margin-right:10px;
}

/*  Link
---------------------------------------------------------- */
ul.link {}

ul.link li,
ul.list li.link {
	margin-top: 10px;
	border-top:#A0BFDE 1px solid;
	padding: 12px 0 0 12px;
	background: url(../images/icon_arrow.gif) no-repeat 0 1.3em;
	line-height: 1.33;
}
ul.link.no_border li{
	margin:0; padding:0 0 8px 12px;
	border:none;
	background: url(../images/icon_arrow.gif) no-repeat 0 0.3em;
}
ul.link li a,
ul.list li.link a {text-decoration:none;}

ul.link li a:hover,
ul.list li.link a:hover {text-decoration:underline;}

/* リンクアイコン */
img.link_icon{margin: 0 3px 0 5px; vertical-align:-1px;}

/*  Paragraph
---------------------------------------------------------- */
p {
	text-align:justify;
	text-justify: inter-ideograph;
}
p.caption {
	margin: 3px 0 15px 0;
	text-align:left;
}
p.note {
	margin: 0 0 15px 0px;
	padding-left: 1em;
	text-indent: -1em;
	text-align:left;
}


/*  pdf_note, wmv_note
---------------------------------------------------------- */

.pdf_note,
.wmv_note {
	background:url(/common/images/line_dotted.gif) repeat-x left top;
}

.pdf_note {
	padding:10px 0;
	margin-top:10px;
}

.pdf_note p.txt{
	background:url(/common/images/icon_pdf.gif) no-repeat 10px 0px;
	padding:0 8px 0 32px;
	font-size:84.6%;
	line-height:1.5;
}

.wmv_note {
	padding:5px 0;
	margin-top:15px;
}

.wmv_note p.txt{
	background:url(/common/images/icon_wmv.png) no-repeat 3px 3px;
	padding:5px 8px 0 32px;
	font-size:84.6%;
	line-height:1.5;
}

/*  tweet box
---------------------------------------------------------- */
.tw_box{
	margin-top:10px;
}
.tw_box p{
	text-align:left;
}


/*********************************************************
	=Footer
---------------------------------------------------------- */
footer {
	clear:both;
	padding: 0;
	margin-top:15px;
	background: #E8E8E8;
	border-top:1px solid #6699CC;
	color: #000;
}

footer div.inner {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background:url(/common/images/bg_footer.png) no-repeat 50% 0px;
	height:142px;
}

footer p#copyright {
	clear:both;
	font-size: 84.6%;
	text-align: center;
	padding:18px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}




/*********************************************************
		=Clearfix
---------------------------------------------------------- */
*:after {
  display:block;
  clear:both;} /* この記述は固定です */

.clearfix,
ul,
dl,
header,
div#pagetop,
div#body,
div#main,
article,
footer,
section,
div.section,
.column2 {zoom:1;} /* clearfix IE6, 7 */

.clearfix:after,
ul:after,
dl:after,
header:after,
div#pageto:after,
div#body:after,
div#main:after,
article:after,
footer:after,
section:after,
div.section:after,
.column2:after {content:"";} /* clearfix */




span.left {
	float: left;
}
span.right {
	float: right;
}