@charset "UTF-8";
body {
    line-height: 1.5;
    font-size: 12px;
    font-family: "メイリオ", Meiryo, sans-serif;
    background-color: #eeeeee;
}

#wrapper {
    width: 1100px;
    background-color: white;
    margin: 0px auto;
}

#header {
    width: 1100px;
    height: 180px;
    margin: 0px auto;
    padding-top: 20px;
/*    position: fixed;
    top: 0px;
    z-index: 500;
*/
    background-color: white;
}

#header_line {
    width: 1100px;
    height: 6px;
    background-image: url(../imgs/hline.png);
    background-repeat: repeat-x;
}

#logo {
    float: left;
}

a {
    color: #0098d8;
}

/*
 * HEADER
 */
#header_menu {
    float: left;
}

#header_menu ul li {
    float: left;
    display: block;
    padding: 0px;
    margin-bottom: 14px;
    font-size: 0px;
}

#header_menu ul li a:hover {
    opacity: 0.7;
}

#header_menu ul li #keyword {
    border: 1px solid #3e3a39;
    font-size: 12px;
    margin-top: 10px;
    margin-left: 70px;
    margin-right: 10px;
    width: 150px;
    height: 18px;

    border-radius: 5px;         /* CSS3 */
    -moz-border-radius: 5px;    /* Firefox */
    -webkit-border-radius: 5px; /* Safari,Chrome */
  　behavior: url(border-radius.htc);　/*for IE ←　この１行を追加*/
}

#header_menu ul li #searchBtn {
    width: 30px;
    height: 21px;
    font-size: 10px;
    background-color: #0098d8;
    color: white;
    border: none;

    border-radius: 5px;         /* CSS3 */
    -moz-border-radius: 5px;    /* Firefox */
    -webkit-border-radius: 5px; /* Safari,Chrome */
  　behavior: url(border-radius.htc);　/*for IE ←　この１行を追加*/
}

/*
 * CONTENTS
 */
#contents {
    padding-top: 30px;
}

/*
 * TOP LEFT
 */
#contents #top_left {
    width: 521px;
    float: left;
}

#contents #top_left #timer {
    width: 521px;
    height: 106px;
    background-image: url(../imgs/timer_finish.png);
    background-repeat: no-repeat;
}

#contents #top_left #timer #year {
    color: white;
    margin-left: 250px;
}

#contents #top_left #timer #group1 {
    color: white;
    float: left;
    margin-left: 205px;
    line-height: 42px;
}

#contents #top_left #timer #group2 {
    color: white;
    margin-left: 420px;
    line-height: 42px;
}

#contents #top_left #timer_caption {
    width: 521px;
    height: 45px;
    vertical-align: top;
    text-align: right;
}

#contents #top_left #top_photo {
    width: 470px;
    height: 260px;
    margin-left: 50px;
    margin-bottom: 25px;
    overflow: hidden;

    border-radius: 5px;         /* CSS3 */
    -moz-border-radius: 5px;    /* Firefox */
    -webkit-border-radius: 5px; /* Safari,Chrome */
  　behavior: url(border-radius.htc);　/*for IE ←　この１行を追加*/
}

#contents #top_left #top_photo .slider {
    width: 470px;
    height: 260px;
}

#contents #top_left #top_banner {
    width: 470px;
    height: 100px;
    margin-left: 50px;
    margin-bottom: 25px;
}

#contents #top_left #top_banner div {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

/*
 * TOP RIGHT
 */
#contents #top_right {
    width: 490px;
    float: right;
    border-bottom: 2px solid #e84809;
    margin-right: 50px;
    margin-bottom: 40px;
}

#contents #top_right .top_title {
    width: 470px;
    height: 33px;
    border-left: 10px solid #e84809;
    border-bottom: 2px solid #e84809;
    font-size: 20px;
    padding-left: 10px;
    padding-top: 5px;
    margin-bottom: 15px;
}

#contents #top_right .top_sub_title {
    width: 470px;
    height: 26px;
    background-color: #3e3a39;
    color: white;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 4px;
    margin-bottom: 10px;
}

#contents #top_right iframe {
    border: none;
    width: 470px;
    height: 200px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.blog .photo {
    float: left;
    width: 100px;
    margin-right: 10px;
    margin-top: 10px;
/*    border-bottom: 1px dotted #3e3a39; */
}

.blog .blog_info {
    float: left;
    width: 350px;
}

.blog .date {
    float: right;
}

.blog .title a {
    color: #006cb8;
    font-size: 14px;
    padding-top: 10px;
}

.blog .text {
    color: #3e3a39;
    font-size: 12px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #3e3a39;
}

.rss .photo {
    float: left;
    width: 100px;
    margin-right: 10px;
    margin-top: 10px;
/*    border-bottom: 1px dotted #3e3a39; */
}

.rss .rss_info {
    float: left;
    width: 350px;
}

.rss .date {
    float: right;
}

.rss .title a {
    color: #006cb8;
    font-size: 14px;
    padding-top: 10px;
}

.rss .text {
    color: #3e3a39;
    font-size: 12px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #3e3a39;
}

/*
 * TOP MENU
 */
#contents #top_menu {
    width: 1100px;
    margin-left: 50px;
    margin-right: 50px;
}

#contents #top_menu ul {
}

#contents #top_menu ul li {
    display: block;
    float: left;
    margin-right: 19px;
    margin-bottom: 30px;
}

#contents #top_menu ul li a:hover {
    opacity: 0.7;
}

/*
 * ICONS
 */
#icons {
    margin-left: 665px;
    margin-bottom: 40px;
}

#icons #contact {
    float: left;
    width: 60px;
    margin-right: 20px;
}

#icons #twitter {
    float: left;
    width: 60px;
    margin-right: 20px;
}

#icons #facebook {
    float: left;
    width: 60px;
    margin-right: 20px;
}

#icons #en {
    float: left;
    width: 60px;
    margin-right: 20px;
}


/*
 * FOOTER
 */
#footer {
    height: 140px;
    background-color: #3e3a39;
}

#footer #footer_menu {
    height: 30px;
    padding-top: 10px;
    margin-left: 630px;
}

#footer #footer_menu ul li {
    display: block;
    float: left;
    height: 20px;
    width: 124px;
    padding-left: 15px;
    padding-top: 10px;
    border-left: 1px solid #e84809;
    font-size: 10px;
}

#footer #footer_menu ul li a {
    color: white;
    text-decoration: none;
}

#footer #footer_text {
    width: 600px;
    height: 30px;
    padding-top: 35px;
    margin-left: 450px;
    color: white;
    font-size: 12px;
    text-align: right;
}

/* - - - - - - - - 
 * CONTENTS PAGE
 */
#contents #sidebar {
    float: left;
    width: 260px;
}

#contents #sidebar ul {
    margin-left: 50px;
    margin-right: 50px;
}

#contents #sidebar ul li {
    display: block;
/*    border-left: 10px solid #e84809; */
    padding-left: 25px;
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: bold;
    background-image: url('../imgs/li_red.png');
    background-repeat: no-repeat;
}

#contents #sidebar ul.search li {
    background-image: url('../imgs/li_blue.png');
}

#contents #sidebar ul.tanbo li {
    background-image: url('../imgs/li_green.png');
}

#contents #sidebar ul li a {
    text-decoration: none;
}

#contents #main {
    float: right;
    width: 640px;
    margin-left: 100p;
    margin-right: 100px;
    margin-bottom: 70px;
    font-size: 14px;
}

#contents #main h1 {
    position: relative;
    left: -50px;
    min-height: 40px;
    width: 680px;
    font-size: 30px;
    line-height: 40px;
    padding-left: 50px;
    background-image: url(../imgs/box.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    margin-bottom: 30px;
    margin-top: 30px;

/*
    padding-top: 30px;
    border-top: 1px solid #3e3a39;
    background-position: 0px 30px;
*/

    border-bottom: 2px dotted #e84809;
}

#contents #main h1.tanbo {
    background-image: url(../imgs/h1_tanbo.png);
    border-bottom: 2px dotted #5ca963;
}

#contents #main h1.dantai {
    background-image: url(../imgs/dantai_h1.png);
}

#contents #main .h1 {
    position: relative;
    left: -50px;
    min-height: 50px;
    width: 680px;
    font-size: 30px;
    padding-left: 0px;
    margin-bottom: 30px;
    margin-top: 10px;

/*
    padding-top: 30px;
    border-top: 1px solid #3e3a39;
    background-position: 0px 30px;
*/

    border-bottom: 2px dotted #e84809;
}

#contents #main h1.search {
    background-image: url(../imgs/search_mark.png);
    border-bottom: 2px dotted #0098d8;
}

#contents #main h1:first-child {
    margin-top: 0px;
}

#contents #main h1.title {
    margin-top: 0px;
}

#contents #main h2 {
    font-size: 20px;
    min-height: 30px;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #9e9e9f;
    background-image: url(../imgs/circle.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 30px;
}

#contents #main h2.tanbo {
    background-image: url(../imgs/h2_tanbo.png);
}

#contents #main h3 {
    font-size: 16px;
    min-height: 20px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    background-image: url(../imgs/circle_mini.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 20px;
}

#contents #main h3.tanbo {
    background-image: url(../imgs/h3_tanbo.png);
}

#contents #main p.h3 {
    margin-left: 10px;
    padding-left: 20px;
    margin-bottom: 20px;
}

#contents #main p.footnote {
    margin-top: 30px;
    border-top: 1px solid #444;
    font-size: 12px;
}


#contents #main h4 {
    font-size: 16px;
    min-height: 20px;
    margin-top: 15px;
    margin-bottom: 10px;
}

#contents #main h2.search {
    background-image: url(../imgs/circle_blue.png);
}

#contents #main p {
    line-height: 24px;
    margin-bottom: 10px;
}

#contents #main div.target {
    float: left;
    width: 145px;
    height: 110px;
    margin-right: 10px;
    margin-bottom: 20px;
    font-size: 16px;
    text-align: center;
}

#contents #main div.target img {
/*    margin-left: 43px; */
}

#contents #main a.btn {
    display: block;
    float: right;
    width: 120px;
    height: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #0098d8;
    color: white;
    text-align: center;

    border-radius: 2px;         /* CSS3 */
    -moz-border-radius: 2px;    /* Firefox */
    -webkit-border-radius: 2px; /* Safari,Chrome */
  　behavior: url(border-radius.htc);　/*for IE ←　この１行を追加*/
}


#contents #main .box {
    float: left;
    padding: 5px;
    margin: 10px;
    background-color: #f08300;
    color: white;
}

#contents #main input[name=keyword] {
    width: 590px;
    height: 30px;
    font-size: 20px;
    margin: 0px 25px;
}

#contents #main #dantai_searchbtn {
    width: 145px;
    height: 50px;
    font-size: 20px;
    background-color: #0098d8;
    color: white;
    border: none;
    margin-top: 30px;
    margin-left: 247px;

    border-radius: 5px;         /* CSS3 */
    -moz-border-radius: 5px;    /* Firefox */
    -webkit-border-radius: 5px; /* Safari,Chrome */
  　behavior: url(border-radius.htc);　/*for IE ←　この１行を追加*/
}

/*
  Gray   #3e3a39;
  Red    #e84809;
  Blue   #0098d8;
  Orange #f08300;
  Green  #5ca963;
*/

strong {
    font-weight: bold;
}

.strong {
    font-weight: bold;
}

.txwh, .tx-wh {
    color: white;
}

.tx40 {
    font-size: 40px;
}

.tx20 {
    font-size: 20px;
}

.tx-red {
    color: #e84809;
}

.txt-sml {
    font-size: 10px;
}

table {
    width: 90%;
}

/* tuika1030 */
.tsunagari_line {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 5px;
}
.tsunagari_box {
	margin: 10px 5px;
	padding: 0px 15px;
	border: 1px dotted #00A653;
}

a, a:link {
  color:#3e3a39;
  text-decoration:none;
}
a:visited {
  color:#3e3a39;
  text-decoration:none;
}
a:hover, a:active {
    opacity: 0.7;
    text-decoration:none;
}

#contents #main  td{
    font-size: 12px;
	padding: 12px 10px 12px 0;
	border-top: 1px solid #AAC7BB;
}
#contents #main th{
    font-size: 12px;
	padding: 12px 10px 12px 0;
	border-top: 1px solid #AAC7BB;
}

#TB_window,
#TB_overlay{
    z-index:999!important;
}

/* page-top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;

}

*html #page-top {
	position:absolute;
	bottom: 20px;
	right: 20px;
}

#page-top a {
	text-decoration: none;
	color: #FFFFFF;
	width: 54px;
	padding: 30px 0;
	text-align: center;
	display: block;
/*
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
*/
	background-image: url(../imgs/gototop.png);
    background-repeat: no-repeat;
}
#page-top a:hover {
	text-decoration: none;
}


/* statement用 */
.statement {
	height: 100%;
	width: 100%;
/*	background-color: #FE3200; */
	background-color: #FFF;
}
.statement_text {
    border: 1px dotted #e84809;
}
.statement_text p {
	text-align: center;
/*	color: #ff3400; */
	color: #343434;
	line-height: 160%;	
	padding-top: 10px;
	padding-bottom: 10px;
}


#contents #main  td.normal {
    font-size: 14px;
	padding: 12px 10px 12px 0;
    border: none;
    vertical-align: top;
}
#contents #main th.normal {
    font-size: 14px;
    font-weight: bold;
	padding: 12px 10px 12px 0;
    border: none;
    vertical-align: top;
}

#contents #main  td.normal16 {
    font-size: 16px;
	padding: 12px 10px 12px 0;
    border: none;
    vertical-align: top;
}

/*
 BLOG 一覧
*/
.description  {
    position: relative;
    left: -50px;
    width: 690px;
}

.blogs  {
    position: relative;
    left: -50px;
    width: 690px;
    border-bottom: 1px dotted #3e3a39;
}
.blogs .photo {
    float: left;
    width: 110px;
    margin-right: 10px;
    margin-top: 10px;
/*    border-bottom: 1px dotted #3e3a39; */
}

.blogs .blog_info {
    float: left;
    width: 570px;
}

.blogs .date {
    font-size: 12px;
    color: #e84809;
    padding-top: 10px;
}
.blogs .date a {
    color: #e84809;
}
.blogs .title {
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
}

.blogs .text {
    color: #3e3a39;
    font-size: 12px;
    line-height: 24px;
    padding-bottom: 10px;
/*    border-bottom: 1px dotted #3e3a39; */
}

/*
 WP_PAGINATE
*/
.navigation {
    width: 100%;
}
.navigation ol {
    display: block;
    margin: 0px auto;
    width: 400px;
}
.navigation li {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin: 5px;
    padding: 5px;
    font-size: 16px;
    color: #0098d8;
}
.navigation li a {
    color: #0098d8;
}
.navigation li .current{
    color: #e84809;
}

.wp-pagenavi {
    width: 100%;
}
.wp-pagenavi a.page,
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.first,
.wp-pagenavi a.last,
.wp-pagenavi .current,
.wp-pagenavi .extend
 {
    display: block;
    float: left;
    height: 20px;
    margin: 5px;
    padding: 10px;
    font-size: 16px;
    color: #0098d8;
}

.wp-pagenavi a.page {
    color: #0098d8;
}
.wp-pagenavi .current {
    color: #e84809;
}

#contents #main .management table {
    margin-bottom: 20px;
}

#contents #main .management td {
    font-size: 12px;
	padding: 12px 10px 12px 5px;
	border: 1px solid #AAC7BB;
}
#contents #main .management th {
    font-size: 12px;
    font-weight: bold;
    background-color: #f08300;
    color: white;
	padding: 12px 10px 12px 5px;
	border: 1px solid #AAC7BB;
    text-align: center;
    vertical-align: middle;
}

#contents #main .conference {
    margin-bottom: 20px;
}

#contents #main .conference td {
    font-size: 12px;
	padding: 12px 10px 12px 5px;
	border: 1px solid #AAC7BB;
}
#contents #main .conference th {
    font-size: 12px;
    font-weight: bold;
    background-color: #f08300;
    color: white;
	padding: 12px 10px 12px 5px;
	border: 1px solid #AAC7BB;
    text-align: center;
    vertical-align: middle;
}

img.alignright {
    float: right;
    margin: 10px;
}

img.alignleft {
    float: left;
    margin: 10px;
}

img.aligncenter {
	display: block;
    margin: 10px auto;
}

img.alignleft40 {
    float: left;
    margin-right: 40px;
    margin-bottom: 40px;
}

div.aligncenter {
	display: block;
    margin: 10px auto;
}

div.alignright {
    float: right;
    margin: 10px;
}

div.alignleft {
    float: left;
    margin: 10px;
}

.yarpp-related ul li {
    display: block;
    float: left;
    width: 300px;
    height: 60px;
    margin-bottom: 20px;
    margin-right: 40px;
}
.yarpp-related ul li.ev {
    margin-right: 0px;
}
.yarpp-related ul li .yarpp_photo {
    float: left;
    width: 60px;
    margin-right: 10px;
}

.yarpp-related ul li .yarpp_detail {
    float: left;
    width: 230px;
}

.post-navi {
    border-top: 2px solid #3e3a39;
    padding-top: 20px;
    padding-bottom: 30px;
}

.post-navi a {
    color: #0098d8;
}

.post-navi .prev {
    float: left;
    width: 110px;
}

.post-navi .next {
    float: right;
    width: 110px;
}

.project  {
    border-bottom: 1px dotted #3e3a39;
    position: relative;
    width: 730px;
    left: -50px;
}
.project .photo {
    float: left;
    width: 130px;
    margin-right: 10px;
    margin-top: 10px;
/*    border-bottom: 1px dotted #3e3a39; */
}

.project .blog_info {
    float: left;
    width: 590px;
}

.project .date {
    font-size: 12px;
    color: #e84809;
    padding-top: 10px;
}
.project .date a {
    color: #e84809;
}
.project .title {
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
}

.project .text {
    color: #3e3a39;
    font-size: 12px;
    line-height: 24px;
    padding-bottom: 10px;
/*    border-bottom: 1px dotted #3e3a39; */
}

.dantai {
    position: relative;
    left: -50px;
    width: 740px;
}

.dantai .dantai_project {
    position: relative;
    left: 50px;
    width: 680px;
    padding-top: 10px;
}

h2.project_info {
    padding-top: 30px;
    border-top: 2px solid #888;
    background-position: 0px 35px!important;
}

.red {
    color: #e84809;
}

a.red {
    color: #e84809;
}

.project_url {
    margin-top: 20px;
    margin-bottom: 15px;
}

.yearly {
    width: 160px;
    margin-left: 50px;
    margin-right: 50px;
    padding-top: 20px;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #e84809;
    margin-bottom: 10px;
}

#contents #sidebar ul.year_list {
    margin-left: 50px;
    margin-right: 50px;
}

#contents #sidebar ul.year_list li {
/*    display: block;
    border-left: 10px solid #e84809;
    padding-left: 25px;
    margin-bottom: 30px;
    font-size: 16px;
    background-repeat: no-repeat;
    font-weight: bold; */
    background-image: none;
}

#contents #sidebar ul.year_list li a {
    text-decoration: none;
}

.content_date {
    height: 25px;
    width: 640px;
    margin-bottom: 20px;
}

.content_date .content_elements {
    float: left;
    color: #e84809;
}

.content_date .content_elements a {
    color: #e84809;
}

.content_date .facebook_like {
    float: right;
    width: 120px;
}

.content_date .twitter_tweet {
    float: right;
}

em {
	font-style: italic;
}