/*
Theme Name: CMSJ
Description: The 2010 default theme for CMSJ.
Author: Miw Halca
Version: 2010 May
*/

/* ----------------------- Browser Default Initialization */
html {
  overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;  padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}
table {
  border-collapse: collapse;  border-spacing: 0;
}
caption, th {
  text-align: left;
}
q:before ,q:after {
  content: '';
}
object, embed {
  vertical-align: top;
}
hr, legend {
  display: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}
img, abbr, acronym, fieldset {
  border: 0;
}
li {
  list-style-type: none;
}

/* ----------------------- Basic Style */
/* ------------ Font Style */
body {
  font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Tahoma,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  background: url(/img/back.gif) repeat;
  color: #666;
  font-size: 14px;
  line-height: 1.5em;
  text-align: center;
  letter-spacing:0.05em;
}
html>/**/body {
  font-size: 14px;
}

* + html body {
  font-family: "メイリオ","Meiryo";
}

/* ------------ A Style */
a, a:link, a:visited {
  text-decoration: none;
  color: #f60;/*#333;*/
}
a:hover {
  text-decoration: underline;
  color: #333;
}
a:active {
  text-decoration: underline;
  color: #333;
}

/* ----------------------------------- Layout Box Style --*/

/*wrapper要素
---------------------------------------- */
div#wrapper {
  width: 900px;
  background: #FFF;
  background: #FFF url(/img/bg.gif) repeat-y center top;
  margin: 0 auto;
  text-align: left;
}
/*header要素
---------------------------------------- */
div#header {
  width: 840px;
  background: transparent url(/img/Top_Regular.png) no-repeat center bottom;
  padding: 0 30px 158px;
/*  border:1px solid red;*/
}
.home div#header {
  background: transparent url(/img/Top_Home.png) no-repeat center bottom;
  padding-bottom: 318px;
}
/*logo要素
---------------------------------------- */
div#logo {
  width: 820px;
  margin:0;
  padding: 10px 0 0 20px;
/*  border:1px solid red;*/
}
/*content要素
---------------------------------------- */

div#contents {
  width: 840px;
  background: transparent;
/*  background: #EEE url(/img/bg_contents.gif) no-repeat;*/
  margin: 15px 0 0;
  padding: 0 30px 5px;
  /*for mac-ie5.x*/
  /*\*//*/
  overflow:hidden;
  /**/
}
div#contents:after {
  height:  0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
/*main要素
---------------------------------------- */
div#main {
  width: 585px;
  padding: 0;
  float: left;
  background: #FFF;
/*  margin:0;*/
/*  border:1px solid red;*/
}
/*sub要素
---------------------------------------- */
div#sub {
  width: 225px;
  float: right;
  padding: 0px;
/*  border:1px solid green;*/
}
/*footer要素
---------------------------------------- */
div#footer {
  clear: both;
  width: 840px;
  padding: 10px 30px;
  margin-top:15px;
}

/* --------------------------------- Contents Area Style --*/

/*----------------------- header Style-- */
#logo ul {
  text-align: right;
  margin-top: -33px;
}
#logo ul li {
  display: inline;
}

/*----------------------- gnavi Style-- */
#gnavi {
  width:774px;
  text-align:center;
  margin:10px auto 0;
  height:40px;
  /*for mac-ie5.x*/
  /*\*//*/
  overflow:hidden;
  /**/
  padding:0 33px;
  background: url(/img/gnavi.png) no-repeat;
}
#gnavi li {
  display: inline;
  line-height:2.2em;
  float:left;
}
#gnavi li a {
  display:block;
  height:40px;
  font-size:1px;
  background-image:url(/img/gnavi.png);
  background-repeat:no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}
  
/*----------------- GNAVI LI A Each-- */
#top_page a, #top_page a:visited {width:112px;background-position:-33px 0px;}
#top_page a:hover {background-position:-33px -40px;}
#top_page a.selected, #top_page a.selected:hover {background-position:-33px -80px;}

#message a, #message a:visited {width:71px;background-position:-145px 0px;}
#message a:hover {background-position:-145px -40px;}
#message a.selected, #message a.selected:hover {background-position:-145px -80px;}

#cm a, #cm a:visited {width:111px;background-position:-216px 0px;}
#cm a:hover {background-position:-216px -40px;}
#cm a.selected, #cm a.selected:hover {background-position:-216px -80px;}

#signin a, #signin a:visited {width:84px;background-position:-327px 0px;}
#signin a:hover {background-position:-327px -40px;}
#signin a.selected, #signin a.selected:hover {background-position:-327px -80px;}

#compensation a, #compensation a:visited {width:115px;background-position:-411px 0px;}
#compensation a:hover {background-position:-411px -40px;}
#compensation a.selected, #compensation a.selected:hover {background-position:-411px -80px;}

#organization a, #organization a:visited {width:86px;background-position:-526px 0px;}
#organization a:hover {background-position:-526px -40px;}
#organization a.selected, #organization a.selected:hover {background-position:-526px -80px;}

#ethics a, #ethics a:visited {width:85px;background-position:-612px 0px;}
#ethics a:hover {background-position:-612px -40px;}
#ethics a.selected, #ethics a.selected:hover {background-position:-612px -80px;}

#contact a, #contact a:visited {width:110px;background-position:-697px 0px;}
#contact a:hover {background-position:-697px -40px;}
#contact a.selected, #contact a.selected:hover {background-position:-697px -80px;}

/*----------------------- main Style-- */
#main h2 {
  height: 28px;
  background:none;/* url(/img/title_h2.jpg) no-repeat;*/
  font-size: 20px;
  padding: 12px 0 0px 35px;
  clear: both;
  margin-bottom: 10px;
  color: #666;/*#333;*/
}
#main p {
  margin-bottom: 1em;
}
#main .textL {
  width: 340px;
  float: left;
  padding: 10px 0 10px 10px;
}
#main .imgR {
  float: right;
  padding-right: 10px;
}
#main dl {
  padding: 0px 5px 15px;
}
#main dl dd {
  padding: 3px 10px;
  margin-bottom: 5px;
  border-bottom: solid 1px #CCC;
}
#main dl .new {
  background: url(/img/icon_new.gif) no-repeat;
  padding-left: 40px;
}

/*----------------------- sub Style-- */
#sub h3 {
  background: url(/img/sidebar_h3.png) no-repeat;
  width: 225px;
  height: 30px;
  margin-top:12px;
}
#sub h3 a {
  width: 225px;
  height: 30px;
  display: block;
/*  text-indent: -9999px;*/
  text-indent: 35px;
  font-size:14px;
  line-height:2.2em;
  color:#333;
  overflow: hidden;
  background: url(/img/sidebar_h3.png) no-repeat;
}
#sub h3 a:hover,#sub h3 a:active {
  background: url(/img/sidebar_h3.png) no-repeat 0px -30px;
  color:#fff;
}
#sub .navi {
  padding: 0 5px;
/*  background-color:#eee;*/
  margin:10px 0;
}
#sub .navi li {
  font-size:12px;
  background: url(/img/icon_navi.gif) no-repeat left 6px;
  padding: 3px 0 3px 18px;
  border-bottom: solid 1px #CCC;
}
#sub .bnr {
  padding: 10px 0;
}
#sub .bnr li {
  margin-bottom: 5px;
}
/*----------------------- footer Style-- */
#footer ul {
  width:768px;
  text-align:center;
  margin: 0 auto;
  height:15px;
}
#footer ul li {
  display: inline;
  line-height:1.4em;
  float:left;
  border-left:solid 1px #868686;
/*  margin-right: 0.5em;*/
}
#footer ul .litop {
  border:none;
}
#footer ul li a {
  display:block;
  width:95px;
  font-size:12px;
  background:none;
  text-decoration:none;
  text-align:center;
  letter-spacing:0.05em;
}
#footer ul li a, #footer ul li a:visited, #footer ul li a:active {
  color:#FF9933;
}
#footer ul li a:hover {
  background:#f4f5f5;
  color:#333;
}
#footer ul li.current_page_item a, #footer ul li.current_page_item a:hover {
  background:#555;
  color:#ddd;
}
#footer address {
  color: #333;
  text-align: right;
  padding:10px 10px 3px;
  background: transparent url(/img/footer_bg.png) no-repeat left bottom;
  font-size:14px;
  line-height:1.3em;
  margin-top:5px;
}
#footer #copyright {
  text-align: center;
  padding:1px;
}

/* RoundBox */
#roundbox-pink, #roundbox-orange, #roundbox-green, #roundbox-blue {
  width: 585px;
  margin-bottom:15px;
}
#roundbox-pink div.roundbox-b { background-image:url(/img/hosyou_back03.gif); }
#roundbox-pink div.roundbox-t { background-image:url(/img/hosyou_back01.gif); }
#roundbox-pink div.roundbox-b .roundbox-t div { background-image:url(/img/hosyou_back02.gif); }

#roundbox-orange div.roundbox-b { background-image:url(/img/hosyou_back_orange03.gif); }
#roundbox-orange div.roundbox-t { background-image:url(/img/hosyou_back_orange01.gif); }
#roundbox-orange div.roundbox-b .roundbox-t div { background-image:url(/img/hosyou_back_orange02.gif); }

#roundbox-blue div.roundbox-b { background-image:url(/img/hosyou_back_blue03.gif); }
#roundbox-blue div.roundbox-t { background-image:url(/img/hosyou_back_blue01.gif); }
#roundbox-blue div.roundbox-b .roundbox-t div { background-image:url(/img/hosyou_back_blue02.gif); }

#roundbox-green div.roundbox-b { background-image:url(/img/hosyou_backgreen03.gif); }
#roundbox-green div.roundbox-t { background-image:url(/img/hosyou_backgreen01.gif); }
#roundbox-green div.roundbox-b .roundbox-t div { background-image:url(/img/hosyou_backgreen02.gif); }

div.roundbox-b {
  background-position:center bottom;
  background-repeat:no-repeat;
  padding-bottom: 1px;
}

div.roundbox-b .roundbox-t {
  background-position:center top;
  background-repeat:no-repeat;
  padding-top: 10px;
  padding-bottom:0;
}
div.roundbox-b .roundbox-t div  {
  background-position:center top;
  background-repeat:repeat-y;
  padding: 1px 20px 0;
}
div.roundbox-b .roundbox-t div table td, div.roundbox-b .roundbox-t div table th {
  vertical-align:top;
  padding:5px;
}
div.roundbox-b .roundbox-t div table th {
  white-space:nowrap;
}

/*----------------------- CMSJ addition-- */
.cntr {
  text-align:center;
}
#main h2.title-bar {
  background:none;
  margin:0 0 20px;
  padding:0;
}
.txt-img {
  margin-bottom:15px;
  padding:0;
  text-align:center;
}
.txt-14b {
  font-size:14px;
  font-weight:bold;
}
.txt-16 {
  font-size:16px;
  color:#000;
  line-height:1.6em;
}
.orange-notice {
  font-size:18px;
  font-weight:bold;
  padding:15px 0;
  color:#f30;
}
.orange-notice2 {
  font-size:16px;
  font-weight:bold;
  padding:15px 0;
  color:#f60;
}
div.roundbox-b .roundbox-t .orange-notice2 {
  padding:0;
  margin-top:10px;
}
.r {
  clear:both;
  display:block;
  margin:0; padding:0;
  height:1px;
  line-height:1px;
  font:1px Verdana,Arial,Sans-serif;
}
.txt-r {
  text-align:right;
  margin-bottom:15px;
}
.boxcol {
  background-color:#cce;
  margin:0 auto;
}
.boxcol td, .boxcol th {
  padding:10px;
  text-align:center;
}
.brown {
  font-size:18px;
  font-weight:bold;
}
#soshikigaiyo {
  margin:10px 80px 20px;
  text-align:center;
}
#soshikigaiyo th, #soshikigaiyo td {
  padding:7px;
  border-top:1px dotted #ccc;
  text-align:left;
}
#soshikizu {
  border:10px solid #ccc;
}

/*  Ethics */
#ethics-wrap {
  width:585px;
  padding-bottom:0;
}
#ethics-wrap h2, #ethics-wrap h3 {
  text-align:center;
  font-weight:bold;
}
#ethics-wrap h3 {
  font-size:18px;
  margin:35px 0 0;
}
#ethics-wrap .right {
  text-align:right;
  margin:0 0 10px;
  padding:0;
}
#ethics-wrap dt {
  font-size:14px;
  font-weight:bold;
  margin-top:10px;
}
#ethics-wrap dd {
  padding-left:20px;
  font-size:12px;
}



/* Contact */
#contactTelNo {
  font-size:36px;
  color:orange;
}

/* Network */
#network-wrap table {
  border:none;
  margin:20px auto;
}
#network-wrap th, #network-wrap td {
  border:1px solid #666;
  padding:7px;
  text-align:center;
}
#network-wrap th {
  font-weight:normal;
  background-color:#ffc;
  color:#333;
}
#network-wrap td {
  font-weight:bold;
}
#network-wrap td.notxt {
  border:none;
}
#network-wrap td.prefecture {
  border-color:#06c;
  border-style:solid;
  border-width:0 0 0 10px;
  padding-left:10px;
  text-align:left;
}



/* margin control */
.mgn-t0 {
  margin-top:0px;
}
.mgn-b0 {
  margin-bottom:0;
}
.nwrp {
  white-space:nowrap;
}
.mgn-b10 {
  margin-bottom:10px;
}
.mgn-t10 {
  margin-top:10px;
}
.vlt {
  vertical-align:top;
}

/* Seminar ---------------- */
#seminarinfomation {
  background-color:#ffc;
  padding:20px 20px 5px;
  margin-bottom:15px;
  margin-top:20px;
}
#seminarinfomation h2 {
  color:#000;
  text-align:center;
}
#seminar-wrap h4 {
  background-color:#fef1d8;/*#fe9;*/
  padding:1px;
  text-align:center;
  margin:10px 0 5px;
}
#seminarinfomation td.nwrp {
  color:#666;
  font-weight:bold;
}
#seminar-location {
  margin:0 auto 15px;
}
#seminar-location th, #seminar-location td, #seminar-details th, #seminar-details td {
  padding:5px;
  vertical-align:top;
  color:#333;
}
#seminar-location th, #seminar-location td {
  border:1px solid #666;
  background-color:#fff;
  font-size:12px;
}
#seminar-location th {
  text-align:center;
}
.takeshi {
  margin-right:-150px; position:relative; zoom:1;
}
#main h1.entry-title, #main h2.entry-title {
  display:none;
}
#main h1.page-title {
  font-size:18px;
  margin-bottom:25px;
  margin-top:20px;
}

.red {
  color:#f60;
  font-size:12px;
}
/* Contact Form ---------------*/
#contact-form td, #contact-form th {
  vertical-align:top;
  padding:5px 20px;
  background-color:#eec;
  color:#333;
}
#contact-form th {
  text-align:center;
  font-size:18px;
  padding-bottom:0;
  padding-top:10px;
}
#application-form {
	border-collapse:collapse;
	padding: 13px;
	margin:0;
	border:solid 1px #dcdcdc;
}
#application-form td {
  vertical-align:middle;
  padding:10px 8px;
  background-color:#eec;
  color:#333;
  font-size:12px;
  letter-spacing:0;
}
#application-form td .sample {
  font-size:12px;
  color:#666;
}

/* Search Result ----------------- */
.search-results .hentry {
  border-bottom:1px solid #666;
  padding-bottom:0px;
  margin-bottom:25px;
}

.not-found .entry-content p {
  font-weight:bold;
  font-size:16px;
  margin-top:50px;
}

/* from Twenty Ten --------------- */
.alignleft {
	display: inline;
	float: left;
	margin: 4px 24px 4px 0;
}
.alignright {
	display: inline;
	float: right;
	margin: 4px 0 4px 24px;
}

#content #main .gallery {
	margin: auto;
}
#content #main .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#content #main .gallery img {
	border: 2px solid #cfcfcf;
}
#content #main .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#content #main .gallery dl {
	margin: 0;
}
#content #main .gallery img {
	border: 10px solid #f1f1f1;
}
#content #main .gallery br+br {
	display: none;
}


/* for Gallery Template ------------------- */
#gallerypost {
background: #FFFFFF;
float: left;
width: 565px;
margin: 0px 0px 10px 0px;
padding: 10px 10px 10px 10px;
}
/*
You might want to adjust the properties to make it look just like you want but that is the jist.

If you want a boarder around the album image add the following to style.css right after #gallerypost. (In this case a blue border).
*/
#gallerypost img {
border: 1 px double #0000FF;
}