﻿
* {
	margin      : 0 ;
	padding     : 0 ;
	font-weight : normal ;
	font-family : Verdana, "游ゴシック", YuGothic,"Meiryo UI",  "Hiragino Kaku Gothic ProN", sans-serif ;
	letter-spacing : 0.02em ;
	line-height : 1 ;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝全体＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
body {
	background  : #fdf4f4 ; /* FDF4F4 */
}
main, header, footer {
	background  : #fff ;
}

a:link, a:visited {
	color       : #06d ;
}
a:hover {
	color       : #c9171e ;
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝ヘッダ＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
header {
	width      : 950px ;
	margin     : 0 auto ;
	padding    : 0em 30px 0 30px ; 
	background : #fff ;
}
header + header {
    padding-top: 0 ;
}
p.gaiyou span.kaisaibi {
	margin-right: 0.7em ;
}

h1 {
	margin     : 0 0 0.5em 0 ;
	text-align : center ;
	font-size  : 100% ;
}

h1 img {
	text-decoration : none ;
	border          : none ;
/*	width           : 350px ; */
}
header p.gaiyou {
	text-align      : center ;
	font-size       : 90% ;
}


p.top_img_sign {
	margin :-2.2em 0 0 0em ;
	color:#666;
	text-align:right;
	font-size:80%;
}
p.top_img_sign a {
	text-decoration : none ;
}



/* ナビゲーション */
nav a {
	text-decoration : none ;
}
nav.global {
/*	margin-top  : 1.5em; */
	margin-top  : -0.2em;
}
header nav p {
	line-height : 1 ;
	font-size   : 90% ;
}
nav.global p.help {
	text-align  : right ;
}
nav.global p.news {
	margin      : 0 ;
	padding     : 0.5em 0 ;
}
nav.breadcrumbs p {
	margin     : 0 ;
	padding    : 0.5em 0 ;
	border-top : solid 1px #ccc ;
	border-bottom: solid 1px #ccc ;
}
nav.corcle_form p {
	margin     : 0 ;
	padding    : 0.5em 0 ;
}



nav.global ul {
	margin     : 0 ;
	padding    : 0 ;
	display    : table ;
	border-top   : solid 0px #fff ;
	border-bottom: solid 0px #fff ;
}
nav.global ul li {
	display    : table-cell ;
	margin     : 0 ;
	padding    : 0 ;
	text-align : center ;
	vertical-align  : middle ;
	font-size  : 13px ;
}
nav.global ul li:first-line {
	font-size  : 16px ;
}
nav.global li a, nav.global li.nopage, nav.global li.nolink {
	display     : table-cell ;
	width       : 190px ;
	height      : 50px ;
	vertical-align : middle ;
	background  : #ffe3ff ;
	line-height : 1.3 ;
}


nav.global ul li a:first-line {
	font-size   : 16px ;
}
nav.global li.nolink {
	background  : #ff9 ;
}
nav.global li.nopage {
	background  : #bbb ;
}
nav.global li a:hover {
	background  : #ff9;
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝ボディ＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
main {
	display    : block ;
	width      : 950px ;
	margin     : 0 auto ;
	padding    : 0 30px 0 30px ;
	background : #fff ;
}



h2 {
	padding     : 1em 0 0.2em 0 ;
	color       : #65318e ;
	font-size   : 150% ;
	font-weight : bold ;
}
h3 {
	margin      : 1em 0 0 0 ;
	color       : #65318e ;
	font-size   : 100% ;
	font-weight : bold ;
}


p {
	line-height : 1.5 ;
	padding     : 0.5em 0 ;
}


div.column {
	margin     : 1em 0 ;
	padding    : 0.5em 1em;
	border     : solid 1px #999;
	background : #fdeff2;
	font-size  : 90% ;
}
div.column h3 {
	color      : #000 ;
}



ul, ol {
	list-style-position : outside ;
	padding    : 1em 0 1em 2em ;
}
li {
	line-height: 1.2 ;
}
ul li {
	margin     : 0.5em 0 ;
}
ol li {
	margin     : 0.5em 0 0.5em 0.6em ;
}
ul.banner li {
	margin-left     : -2em ;
	padding         : 0;
	list-style-type : none ;
	font-size       : 90% ;
}
ul.banner img {
	border     : solid 1px #666 ;
}




dl {
	margin-left : 1em 0 ;
}
dt {
	line-height : 1.5 ;
	margin-top  : 0.7em ;
	font-weight : bold ;
}
dd {
	line-height : 1.5 ;
	margin      : 0.2em 0 0.2em 0;
}




table {
	width       : 100% ;
	margin      : 1em 0 ;
	background  : #fdeff2 ;
	border      : solid 2px #444 ;
	border-collapse : collapse ;
}

th,td {
	padding     : 0.3em 0.8em ;
	text-align  : left ;
	border      : solid 1px #444 ;
	line-height : 1.4 ;
}

hr {
	margin      : 0.5em ;
	border      : solid 1px #999 ;
}

em {
	color       : #c9171e ;
	font-style  : normal ;
}
em.strong {
	font-weight : bold ;
}
em.hissu {
	font-size   : 80% ;
}

input.text {
	width       : 15em ;
}
input.l_text {
	width       : 25em ;
}
input.s_text {
	width       : 5em ;
}
input.ss_text {
	width       : 2em ;
}
input[disabled], textarea[disabled] {
	background  : #eee ;
}







/*=================================================================*/
footer {
	clear		: both ;
	width       : 950px ;
	margin      : 0 auto ;
	padding     : 4em 30px 2em 30px ;
	background  : #fff ;
/*	border-top	: solid 1px #999 ;*/
	font-size	: 90% ;
}
footer p {
	margin      : 0 ;
	padding     : 0.2em 0 ;
	line-height : 1.2 ;
}
footer a {
	padding       : 0 0.2em ;
}

footer p.counter {
	text-align    : right ;
	margin        : -68px 0.5em 0 0 ;
}


/*=================================================================*/
main.top_main {
	min-height    : 800px ;
}
div.top_img {
	float         : right ;
	width         : 470px ;
	margin-top    : 1.8em ;
	text-align    : right ;
	line-height   : 1.3 ;
	font-size     : 90% ;
}
div.top_img img {
	width		: 450px ;
}

div.top_news {
	border		: solid 1px #999 ;
	margin-right	: 470px ;
	padding		: 0.5em ;
	background	: #ffc ;
}



/*=================================================================*/

table.circle_list {
 font-size   : 90% ;
 width       : 95% ;
 border-left : none ;
 border-right: none ;
}
table.circle_list th, table.circle_list td {
 border         : none ;
 vertical-align : middle ;
}
table.circle_list th {
 border-bottom  : solid 2px #000;
 text-align : center ;
 background : #eebbcb ;
}

table.circle_list tr.ki {
 background : #fff ;
}

table.gaiyou {
 border        : none ;
 font-size     : 90% ;
}
table.gaiyou th, table.gaiyou td {
 padding       : 0.8em ;
 background    : #fff ;
 border        : none ;
}
table.gaiyou th {
 border-bottom : solid 2px #bc64a4;
 text-align    : right ;
}
table.gaiyou td {
 border-bottom : solid 2px #666;
}





/* ＝＝＝＝＝＝＝＝＝＝＝狭窄デバイス＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

@media screen and (max-width: 900px){
	header, main, footer {
		width : 96% ;
		padding    : 1em 2% 0 2% ; 
	}
	h1 img {
		width : 250px ;
	}
	p.gaiyou span.kaisaibi {
		display : block ;
		margin  : 0 ;
	}
	
	nav.global ul {
		display : block ;
	}
/*
	nav.global ul li,
	nav.global ul li a,
	nav.global ul li.nopage,
	nav.global ul li.nolink {
		display : inline-block ;
		height  : auto ;
		width   : 150px ;
*/
	nav.global ul {
		display       : block ;
		margin-bottom : 0.5em ;
	}
	nav.global ul li , nav.global li a, nav.global li.nopage, nav.global li.nolink {
		display       : inline ;
		background    : transparent ;
		font-size     : 100% ;
	}
	nav.global span.submessage, nav.global br {
		display       : none ;
	}
	nav.global li a:after,
	nav.global li.nopage:after,
	nav.global li.nolink:after {
		content       : "｜";
	}

}

}


