@charset "shift_jis";
/* CSS Document */

/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body,
table,
input, textarea, select, option {
	font-family: HiraKakuProN-W3;
	font-size: 1em;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

a:link {
	color: #036;
}

a:visited {
	color: #1C7D8E;
}

a:hover {
	color: #666;
}

a:active {

}
.w-200 {
	width: 200px;
}
.w-100 {
	width:100px;
}
.w-150 {
	width:150px;
}
.w-130 {
	width:130px;
}

.mb-10 {
	margin-bottom:10px;
}
.mb-20 {
	margin-bottom:20px;
}
.mb-30 {
	margin-bottom:30px;
}
.p-10 {
	padding:10px;
}
.p-20 {
	padding:20px;
}

.al_left {
	text-align: left;
}
.al_right {
	text-align: right;
}
.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #050505;
	padding: 10px 40px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#b5b5b5));

	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #949494;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
	cursor:pointer;
	text-decoration: none;
}
a.css3button {
	color: #050505;
}

.css3button2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #050505;
	padding: 6px 20px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#b5b5b5));
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #949494;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
		cursor:pointer;
}

.bt_01 {
	background: url(../img/icon.gif) no-repeat left center;
	padding-left: 15px;
}
.inner {
	margin: 10px;
}
.span_copy {
	background: #F9F4D2;
	border: 1px dotted #FC0;
	padding: 5px;
	margin-right: 10px;
	margin-left: 10px;
}
.input_copy {
	border: 1px dotted #999;
	margin: 0px;
	padding: 5px;
	width: auto;
}


/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	text-align: center;
	line-height: 1.5;
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/

.page-title {
	background: rgb(51,196,223); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(51,196,223,1) 0%, rgba(38,177,203,1) 50%, rgba(46,183,209,1) 100%, rgba(32,146,170,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,196,223,1)), color-stop(50%,rgba(38,177,203,1)), color-stop(100%,rgba(46,183,209,1)), color-stop(100%,rgba(32,146,170,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(51,196,223,1) 0%,rgba(38,177,203,1) 50%,rgba(46,183,209,1) 100%,rgba(32,146,170,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(51,196,223,1) 0%,rgba(38,177,203,1) 50%,rgba(46,183,209,1) 100%,rgba(32,146,170,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(51,196,223,1) 0%,rgba(38,177,203,1) 50%,rgba(46,183,209,1) 100%,rgba(32,146,170,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(51,196,223,1) 0%,rgba(38,177,203,1) 50%,rgba(46,183,209,1) 100%,rgba(32,146,170,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33c4df', endColorstr='#2092aa',GradientType=0 ); /* IE6-9 */							text-shadow: 1px 1px 0 #000;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
	margin-top: -5px;
	border-top: 1px solid #999;
	-webkit-box-shadow: 0px 3px 5px 0px #777; /* Safari, Chrome用 */
	-moz-box-shadow: 0px 3px 5px 0px #777; /* Firefox用 */
	box-shadow: 0px 3px 5px 0px #777; /* CSS3 */
	padding-left: 10px;
}

.toolbarBox {
  position: relative;
}
.toolbarBox nav li {
  position: absolute;
}
.toolbarBox nav .toolBtn {
  display: block;
  padding: 2px 10px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8ea3c0), color-stop(0.5, #5776a2), color-stop(0.5, #49699a), color-stop(1, #4a6b9a));
  border-top-color: #2f363e;
  border-left-color: #435a79;
  border-right-color: #435a79;
  border-bottom-color: #385074;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  text-decoration: none;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.toolbarBox nav .toolBtnTypeA {
  left: 4px;
  top: 8px;
}
.toolbarBox nav .toolBtnTypeB {
  right: 4px;
  top: 8px;
}
.toolbarBox nav .toolBtnArr {
  position: absolute;
  margin-left: 10px;
  padding: 3px 10px 1px;
  color: #fff;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  z-index: 5;
}
.toolbarBox nav .toolBtnArr:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8ea3c0), color-stop(0.5, #5776a2), color-stop(0.5, #49699a), color-stop(1, #4a6b9a));
  border-top-color: #2f363e;
  border-right-color: #435a79;
  border-bottom-color: #385074;
  border-width: 1px;
  border-style: solid;
  border-radius: 7px;
  border-left: none;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  z-index: -1;
}
.toolbarBox nav .toolBtnArr:after {
  content: "";
  display: block;
  position: absolute;
  left: 4px;
  top: 0;
  width: 17px;
  height: 17px;
  -webkit-transform-origin: left top;
  -webkit-transform: rotate(45deg);
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #8ea3c0), color-stop(0.5, #5776a2), color-stop(0.5, #49699a), color-stop(1, #4a6b9a));
  border-left-color: #2f363e;
  border-bottom-color: #385074;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  border-right: none;
  border-top: none;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  z-index: -2;
}

.toolbar {
  padding: 10px 0;
  border-top: solid 1px #bec5cf;
  border-bottom: solid 1px #3f4e63;
	background: #8395af; /* Old browsers */
background: -moz-linear-gradient(top,  #8395af 50%, #7388a5 51%, #7488a1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#8395af), color-stop(51%,#7388a5), color-stop(100%,#7488a1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #8395af 50%,#7388a5 51%,#7488a1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #8395af 50%,#7388a5 51%,#7488a1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #8395af 50%,#7388a5 51%,#7488a1 100%); /* IE10+ */
background: linear-gradient(top,  #8395af 50%,#7388a5 51%,#7488a1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8395af', endColorstr='#7488a1',GradientType=0 ); /* IE6-9 */
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-shadow: -1px -1px 0 #434b57;
  text-align: center;
}

.toolbarB {
	padding: 1px 12px;
	border-top: solid 1px #99a7b2;
	border-bottom: solid 1px #999ea4;
background: #919fa8; /* Old browsers */
background: -moz-linear-gradient(top,  #919fa8 0%, #b7c0c9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#919fa8), color-stop(100%,#b7c0c9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #919fa8 0%,#b7c0c9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #919fa8 0%,#b7c0c9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #919fa8 0%,#b7c0c9 100%); /* IE10+ */
background: linear-gradient(top,  #919fa8 0%,#b7c0c9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919fa8', endColorstr='#b7c0c9',GradientType=0 ); /* IE6-9 */
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
	text-align: left;
}

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
#conts {
	padding-top: 10px;
}
.login_box {
	padding:0px;
	border-radius: 6px; /* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
	background: #FFF;
	text-align: center;
	width: 260px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	-webkit-box-shadow: 0px 0px 5px 0px #777; /* Safari, Chrome用 */
	-moz-box-shadow: 0px 0px 5px 0px #777; /* Firefox用 */
	box-shadow: 0px 0px 5px 0px #777; /* CSS3 */
}
.login_box dl {
	margin-right: auto;
	margin-left: auto;
	margin-bottom:10px;
}
.login_box dl dt {
	color: #069;
	font-weight: bold;
}
.login_box dl dd {
}

.sec_wrap {
	border-radius: 6px; /* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
	background: #FFF;
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	-webkit-box-shadow: 0px 0px 5px 0px #777; /* Safari, Chrome用 */
	-moz-box-shadow: 0px 0px 5px 0px #777; /* Firefox用 */
	box-shadow: 0px 0px 5px 0px #777; /* CSS3 */
}


.title01 {
background: rgb(184,198,223); /* Old browsers */
background: -moz-linear-gradient(top, rgba(184,198,223,1) 0%, rgba(109,136,183,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,198,223,1)), color-stop(100%,rgba(109,136,183,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(184,198,223,1) 0%,rgba(109,136,183,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(184,198,223,1) 0%,rgba(109,136,183,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(184,198,223,1) 0%,rgba(109,136,183,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(184,198,223,1) 0%,rgba(109,136,183,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8c6df', endColorstr='#6d88b7',GradientType=0 ); /* IE6-9 */
	text-shadow: 1px 1px 0 #000;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
border-top-left-radius: 6px; 
border-top-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px; }
.title02 {
	color: #069;
	margin-bottom: 5px;
	border-bottom: 1px dotted #036;
}
.title03 {
	color: #069;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}
.title04 {
	background: url(../img/arrow_02.gif) no-repeat left center;
	padding-left: 10px;
	color: #036;
}
.text_wrap {
	padding: 10px;
	margin-bottom: 10px;
}
.ol_01 {
	list-style: decimal;
	margin-left: 1.5em;
}
.ol_01 li {
}

.ul_01 {
}
.ul_01 li {
	margin-bottom: 6px;
	padding-bottom: 6px;
	border-bottom: 1px dotted #666;
}
.ul_01 li a {
	text-decoration: none;
}
.ul_01 li .div_date {
	color: #666;
	text-decoration: none;
	background: url(../img/icon.gif) no-repeat left center;
	padding-left: 15px;
}
.ul_01 li .div_place {
}

.detail_wrap {
}
.detail_wrap dl {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999;
}
.detail_wrap dl dt {
	background: url(../img/arrow_01.gif) no-repeat left center;
	padding-left: 15px;
}
.detail_wrap dl dd {
	padding-left: 20px;
}
.detail_wrap dl .dd_02 {
	padding-left: 0px;
}
.ul_photo {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.ul_photo li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.ul_photo li .ph-comment {
	width:120px;
	font-size:xx-small;
}
.ul_photo li .ph-bt {
	font-size:x-small;
}
.ul_photo2 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.ul_photo2 li {
	margin-right: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999;
}
.ul_photo2 li .photo_wrap {
	width:130px;
	float:left;
}
.ul_photo2 li .text_wrap2 {
	float:left;
}

.ul_photo li .text_wrap2 .ph-comment {
	font-size:smaller;
}
.ul_photo li .text_wrap2 .ph-bt {
}

.div_caution {
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px dashed #F90;
	background: #FEFBDA;
	font-size: smaller;
}
.sec_desc  {
	font-size: smaller;
	text-align: left;
	padding-right: 15px;
	padding-left: 15px;
}
.page-nav {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.page-nav a {
	padding: 10px;
	margin-right: 10px;
	margin-left: 10px;
	background: #CCC;
	color: #333;
	text-decoration: none;
}


/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
	margin-top: 10px;
	padding-top: 10px;
}
