/* reset */
* {
	margin: 0;
	padding: 0;
	color: 333;
	}

html{
	overflow-y:scroll;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
/* render html5 elements as block */
header, footer, section, aside, nav, article {
	display: block;
	color: #000;
	}

/* standard body */
body {
	background-color: #fff;
	margin: 0 auto;
	width: 960px;
	font: 13px/20px "Trebuchet MS", Verdana, Helvetica, arial, sans-serif;
	}
	
/* standard alignments */
.alignleft {
	float: left;
	}

img.alignleft {
	margin: 5px 10px 0 0; 
	}

.alignright {
	float: right;
	}

img.alignright {
	margin: 5px 0 0 10px; 
	}
	
.center {
	text-align: center;
	}

/* Hx tags */


/* header layout */

header {
	text-align:center;
	margin:5px 0px 0px 0px;
    padding:0px;
}

header ul, header li {
    list-style-type:none;
    display:inline;
}
#topmenu{
	padding:5px;
	/* shadow */
	box-shadow: 0px 0px 4px #000000;
	-webkit-box-shadow: 0px 0px 4px #959595;
	-moz-box-shadow: 0px 0px 4px #000000;
	/* curved border radius */
    border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #333;
	background: #ad5b59;
	font-family: "Trebuchet MS", Verdana, Helvetica, arial, sans-serif;
}

/* content and sidebar layout */

#content {
	float: right;
	width: 820px;
	margin:5px 0px 10px 0px;
	padding:0px 2px 0px 0px;
	/* curved border radius */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	/* shadow */
	box-shadow: 0px 0px 4px #000000;
	-webkit-box-shadow: 0px 0px 0px #fff;
	-moz-box-shadow: 0px 0px 0px #fff;
	color: #333;
	background: #fff;
}

aside {
	float: left;
	text-align: left;
	width: 120px;
	margin:5px 0px 8px 0px;
	padding:0px 0px 0px 0px;
	/* curved border radius */
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	/* shadow */
	box-shadow: 0px 0px 4px #000000;
	-webkit-box-shadow: 0px 0px 4px #959595;
	-moz-box-shadow: 0px 0px 4px #000000;
	background: #f7f7f7;
	}

/* article */
.articlecontent header p, .blogPost header p a {
	font-size: 14px;
	font-style: italic;
	color: #777;
	}

.articlecontent p a {
	color: #4f7E12;
	}
	
.articlecontent p a:hover {
	color: #000;
	}
	
.articlecontent header p a:hover {
	text-decoration: none;
	color: #000;
	}
	
/* multiple columns */
.articlecontent div {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
	}
	
/* box shadow on pics */
.articlecontent img {
	-webkit-box-shadow: 3px 3px 7px #777;
	}

/* sidebar */
aside section {
	margin: 10px 0 0 10px;
	padding-left: 5px;
	}

aside section ul {
	margin: 0 0 0 20px;
	color: #333;
	}
	
aside section ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	}
		
aside section ul li a:hover {
	color: #333;
	}
			

/* footer */
footer {
	clear: both;
	background: #ad5b59;
	width: 960px;
	color: #fff;
	margin-bottom: 8px;
	padding:0px 0px 0px 0px;
	/* curved border radius */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	/* shadow */
	box-shadow: 0px 0px 4px #000000;
	-webkit-box-shadow: 0px 0px 4px #959595;
	-moz-box-shadow: 0px 0px 4px #000000;
	font-size: 10px;
	font-family: "Trebuchet MS", Verdana, Helvetica, arial, sans-serif;
	}

/* ----------------------------------------
   side menu
---------------------------------------- */
.accordion .accordion_head {cursor:pointer;}
/* ----------------------------------------
   font
---------------------------------------- */
#contents p,
#contents ul,
#contents ul li {
	clear:both;
	margin:0;
	padding:0;
}
#contents ul,
#contents ul li {
    list-style:none;
	list-style-position:outside;
	vertical-align:bottom;
}
#contents h4 {
	width:100%;
	margin: 30px 0 5px;
}
#contents pre,
#contents h2,
#contents ul.accordion {
	margin-bottom:50px;
}
#contents p,
#contents pre {
	margin-bottom:10px;
}

#contents ul.accordion {
	height:510px;
	overflow:hidden;
}
#contents ul.accordion,
#contents ul.accordion > li {
	width:120px;
	font-size:13px;
}
/* ----------------------------------------
   common
---------------------------------------- */
#contents ul.accordion > li > a,
#contents ul.accordion > li > .accordion_head {
	display:block;
	width:112px;
	padding:4px;
	background:#dddddd;
	background: -webkit-gradient(linear, left center, right center, from(#ececec),to(#c3c3c3));/* webkit */
	background: -webkit-linear-gradient(left,#dddddd, #c3c3c3);/* webkit */
	background:    -moz-linear-gradient(left,#dddddd, #c3c3c3);/* fx */
	background:      -o-linear-gradient(left,#dddddd, #c3c3c3);/* opera */
	background:         linear-gradient(left,#dddddd, #c3c3c3);
	
	border-top:solid 1px #ececec;
	border-bottom:solid 1px #aeaeae;
	color:#454545;
}
#contents ul.accordion a {
	text-decoration:none;
}
#contents ul.accordion > li > a:hover {
	background:#abac64;
	background: -webkit-gradient(linear, left, right, from(#666439),to(#abac64));/* webkit */
	background: -webkit-linear-gradient(left,#666439, #8a8b4c);/* webkit */
	background:    -moz-linear-gradient(left,#666439, #8a8b4c);/* fx */
	background:      -o-linear-gradient(left,#666439, #8a8b4c);/* opera */
	background:         linear-gradient(left,#666439, #8a8b4c);
	
	border-top:solid 1px #abac64;
	border-bottom:solid 1px #666439;
	color:#ffffff;
}
#contents ul.accordion > li > .accordion_head:hover {
	background:#aa5c5c;
	background: -webkit-gradient(linear, left, right, from(#874948),to(#aa5c5c));/* webkit */
	background: -webkit-linear-gradient(left,#874948, #aa5c5c);/* webkit */
	background:    -moz-linear-gradient(left,#874948, #aa5c5c);/* fx */
	background:      -o-linear-gradient(left,#874948, #aa5c5c);/* opera */
	background:         linear-gradient(left,#874948, #aa5c5c);
	
	border-top:solid 1px #874948;
	border-bottom:solid 1px #874948;
	color:#ffffff;
}
/* ----------------------------------------
   accordionの中身
---------------------------------------- */
#contents ul.accordion li ul {
	width:120px;
	padding:1px 0px;
	background:#580422;
}
#contents ul.accordion li li {
	font-size:12px;
	background:#43222c;
}
#contents ul.accordion li li a {
	display:block;
	width:99px;
	padding:7px 5px 7px 20px;
	color:#fff;
}
#contents ul.accordion li li a:hover {
	color:#FFFF66;
}
/* ----------------------------------------
   selected
---------------------------------------- */
#contents ul.accordion > li .selected,
#contents ul.accordion > li .selected:hover {
	background:#a95c5d;
	background: -webkit-gradient(linear, left, right, from(#a15655),to(#874948));/* webkit */
	background: -webkit-linear-gradient(left,#a15655, #874948);/* webkit */
	background:    -moz-linear-gradient(left,#a15655, #874948);/* fx */
	background:      -o-linear-gradient(left,#a15655, #874948);/* opera */
	background:         linear-gradient(left,#a15655, #874948);
	
	border-top:solid 1px #a95c5d;
	border-bottom:solid 1px #580422;
	color:#fff;
}
#contents ul.accordion > li .selected + * {
	background:#454545;
}
/* ----------------------------------------
   button
---------------------------------------- */
.accordion_open {
	width:70px;
	margin:4px 0;
	border:solid 1px #383838;
	background: #383838;

	/* 影 */
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
	   -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
	     -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
	        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
	
	color:#999;
	text-align:center;
	cursor:pointer;
}#topmenu table tr td div .style3 {
	font-style: italic;
	font-size: 20px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
/* ----------------------------------------
  TEXT
---------------------------------------- */
.style1 {
	color: #666;
	font-size: 13px;
}
.style2 {
	color: #FFFFFF;
	font-size: 10px;
}
.style3 {
	color: #FFFFFF;
	font-size: 12px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.style11 {
	font-size: 14px;
	color: #0A650C;
	font-family: "Trebuchet MS", Verdana, Helvetica, arial, sans-serif;
}
.style10 {
	color: #333;
	font-size: 14px;
}
.style20 {
	font-size: 10px;
	text-align: left;
}
a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}
.stylebase {color: #454545}
body {
	background-color: #FFF;
}
h1 {
	font-size: 16px;
	color: #FFF;
}
h2 {
	font-size: 14px;
	color: #FFF;
}
h3 {
	font-size: 14px;
	color: #333;
}
h4 {
	font-size: 14px;
	color: #333;
}
body,td,th {
	color: #333;
	font-family: "Trebuchet MS", Verdana, Helvetica, arial, sans-serif;
}
h5 {
	font-size: 12px;
	color: #666;
}
h6 {
	font-size: 9px;
	color: #FFF;
}
.style131 {
	color: #AA0000;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.style151 {color: #FFFFFF;
	font-weight: bold;
}
.style61 {
	font-size: 12px
}
.style70 {font-size: 14px; }

}
p.submit-box {
  margin: 1em auto;
  text-align: center;
}
.submit-box input[type="submit"] {
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
  background-image: linear-gradient(top, #ffffff, #eeeeee);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #333;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1;
  padding: 8px 0;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  min-width: 150px;
  _width: 150px;
}
.submit-box input[type="submit"]:hover {
  background-color: #e8e8e8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#c8c8c8));
  background-image: -webkit-linear-gradient(top, #e8e8e8, #c8c8c8);
  background-image: -moz-linear-gradient(top, #e8e8e8, #c8c8c8);
  background-image: -ms-linear-gradient(top, #e8e8e8, #c8c8c8);
  background-image: -o-linear-gradient(top, #e8e8e8, #c8c8c8);
  background-image: linear-gradient(top, #e8e8e8, #c8c8c8);
  border: 1px solid #bbb;
  border-bottom: 1px solid #999;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd;
}
.submit-box input[type="submit"]:active {
	border: 1px solid #aaa;
	border-bottom: 1px solid #888;
	-webkit-box-shadow: inset 0 0 5px 2px #b8b8b8, 0 1px 0 0 #ffffff;
	-moz-box-shadow: inset 0 0 5px 2px #b8b8b8, 0 1px 0 0 #ffffff;
	-ms-box-shadow: inset 0 0 5px 2px #b8b8b8, 0 1px 0 0 #ffffff;
	-o-box-shadow: inset 0 0 5px 2px #b8b8b8, 0 1px 0 0 #ffffff;
	box-shadow: inset 0 0 5px 2px #b8b8b8, 0 1px 0 0 #ffffff;
	text-align: center;
}

/* divの色をグレーに変えてみます */
.divColorGray{background:#eeeeee; padding:10px}
/* divの折りたたみ */
.open{
	background: #ffffff;
	color: #3399dd;
	cursor: pointer;
	width:auto;
	padding: 5px
     }
#slideBox{
     display:none;
     }
#intro #content table tr td table tr td .style21 {
	font-size: 13px;
	color: #000;
}
#content table tr td table tr td table {
	color: #333;
	font-size: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#intro #content table tr td table tr td table tr td {
	color: #333;
	font: 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
}
#content table tr td table tr td {
	font-weight: normal;
	font-family: "Trebuchet MS", Verdana, Helvetica, arial, sans-serif;
}
#intro #content table tr td table tr td table tr td p {
	font-family: "Trebuchet MS", Verdana, Helvetica, arial, sans-serif;
	font-size: 13px;
}
#intro #content #TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContent table tr .style21 table tr td table tr .style32 p .style32 font {
	color: #4F5FB5;
}
#intro #content #TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContent table tr .style21 table tr td table tr .style32 {
	color: #343434;
}
#intro #content table tr td .table_03 table {
	font-size: 13px;
	font-family: "Trebuchet MS", Verdana, Helvetica, arial, sans-serif;
}
#intro #content table tr td .table_03 table tr .style35 .style37 .style35 {
	font-size: 13px;
	font-family: "Trebuchet MS", Verdana, Helvetica, arial, sans-serif;
}
#intro #content #TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContent table tr .style21 table tr td table {
	color: #000;
}
#intro #content table tr td .table_03 table tr td table tr td table {
	color: #E3E3E3;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#intro #content table tr td .table_03 table tr td table tr td .style321 tr .style351 {
	color: #006215;
}
#intro #content table tr td .table_03 table tr td table tr td .style321 tr td {
	color: #000;
}
#intro #content table tr td table tr td table tr td div strong {
	color: #5B6588;
}
#intro #content table tr td table tr td table tr td div b {
	color: #5B6588;
}
#intro #content #TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContent .style1 tr .style1 .style1 {
	font-size: 13px;
}
#intro #content form .mod_form .field-table tbody tr .field p {
	color: #999;
}
.style3 div {
	font-size: 12px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#intro #content table tr .style35 table tr td table tr td {
	font-size: 12px;
}