/* CSS Document */
* {margin:0; padding:0;}
body { margin: 0px; padding: 0px; background:#FFFFFF url(images/footer_bg.gif) bottom repeat-x; font-size: 90%; line-height: 1.4; font-family: /*"メイリオ", */"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", osaka, sans-serif; color:#606060; }
h1,h2,h3,h4,h5,h6 { margin: 0px; padding: 0px; font-size: 100%; font-weight: normal;}
th, td { font-weight: normal; text-align: left; }
dl, dt, dd { margin:0px; padding:0px; }

/* Common style*/
a:hover{ text-decoration:none; color: #FF9D3C;}
a img { border:0;}
img {vertical-align:top;}
ul { list-style:none;}
li { color:#3d6f92;}
li a { color:#3d6f92; font-size:90%;}
dl, dt, dd {margin: 0; padding: 0; text-indent:0px;}
.left { float:left;}
.right {float:right;}
.clear { clear: both; height: 0.1px; }
.clear hr { display: none; }

input, select { vertical-align:middle; font-weight:normal;}
strong {font-weight:bolder; color:#444444;}
em {font-size:80%; font-style:italic;}

a {color:#3d6f92;}

.searchform {width: 100%; text-align: center; margin: 4px 0px;}
input.formfield{width: 280px; height: 1.5em; float: left;}
input.formbutton{width: 60px; float:left;}

/* page layout */
#wrapper {margin:0 auto; width:850px;}
#header_tall {background:url(images/header_tall.gif) top repeat-x;}

/* Header*/
#header .left {padding:20px 0 0 0;}
#header .right {padding:20px 10px 0 0; text-align: right; line-height: 1.8em;}
#header .right a {color:#868686; font-family:arial; font-size:12px;}

/* MainMenu */
#menu {background:url(images/menu_bg.gif) no-repeat left top; margin:8px 0 10px 0; height: 53px;}
#menu .rightbg {background:url(images/menu_right.gif) top right no-repeat;}
#menu .leftbg {background:url(images/menu_left.gif) top left no-repeat; width:100%;}
#menu .padding {padding:9px 0;}
#menu li {float:left; width:140px; background:url(images/menu_libg.gif) top right repeat-y; text-align:center; padding:4px 0 5px 0; line-height:26px; font-size: 110%;}
#menu li a { color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:100%;}
#menu li a:hover {color:#CCCCCC; text-decoration:underline;}
#menu li span {color:#000000; text-decoration:underline;}
#menu .last {background:none;}

/* Footer */
#footer {margin-top: 20px; height:56px;}
#footer .indent {padding:20px auto 0px; color:#868686; font-size:12px; text-align: center;}
#footer a {color:#444444; font-weight:normal; text-decoration: none;}
#footer a:hover {text-decoration:underline;}

#main {width:100%;}

.border {background:url(images/border_tall.gif) top repeat-x;}
.border .btall {background:url(images/border_tall.gif) bottom repeat-x;}
.border .ltall {background:url(images/border_tall.gif) left repeat-y;}
.border .rtall {background:url(images/border_tall.gif) right repeat-y;}
.border .tleft {background:url(images/border_tl.gif) top left no-repeat;}
.border .tright {background:url(images/border_tr.gif) top right no-repeat;}
.border .bleft {background:url(images/border_bl.gif) bottom left no-repeat;}
.border .bright {background:url(images/border_br.gif) bottom right no-repeat; width:100%;}
.border .ind {padding:4px 4px 15px 2px;}
.border a img {float:right;}

.h_text {padding-bottom:2px; background:url(images/h_text_bg.gif) bottom repeat-x;}
.b_text {color:#3d6f92;}
.r_text {color:#ff0000;}
.s_font {font-size: 80%; font-weight: normal;}

.more {margin: 5px 10px 10px; text-align:right;}
.more a {background:url(images/more_bg.gif) top right no-repeat; padding-right:13px; color:#335E81; font-weight:bold;}
.more a:hover {background:url(images/more_bg_o.gif) top right no-repeat; color:#FF9D3C;}
.to_top {margin: 10px; text-align:right;}
.to_top a {background:url(images/totop_bg.gif) top right no-repeat; padding-right:13px; color:#335E81; font-weight:bold;}
.to_top a:hover {background:url(images/totop_bg_o.gif) top right no-repeat; color:#FF9D3C;}

.date {background:url(images/date_bg.gif) no-repeat 0 0; padding:2px 0 2px 22px; color:#444444;}

.bot_line {background:url(images/h_text_bg.gif) bottom repeat-x;}

/* index */
#index #header .content {background:url(images/header_bg.jpg) top left no-repeat; padding:20px 20px 10px 520px; color:#ffffff;}
#index #header .content .text {font-size: 12px; height: 60px; margin-top: 10px; margin-left: -20px;}
#index #header .content a img {float:right;}

#index #main .indent {padding:10px 0 19px 0;}

.col1, .col2, .col3, .col_l, .col_r, .indent_col, .col1, .col2, .col3, .ind_col {float:left;}
#index #main .cols_top {padding:0;}
#index #main .cols_top .col_l {width:490px;}
#index #main .cols_top .col_l .padding {padding:5px 5px 0 5px;}
#index #main .cols_top .col_l .p1 {padding:7px 0 10px 0;}
#index #main .cols_top .col_r {width:360px;}
#index #main .cols_top .col_r .padding {padding:30px 0 0 5px;}
#index #main .cols_top .col_r .banner {width: 350px;}

#index #main .cols1 {padding:8px 0 0 0;}
#index #main .cols1 .indent_col {width:7px;}
#index #main .cols1 .col_l {width:565px;padding-top: 15px;}
#index #main .cols1 .col_r {width:270px; padding-top: -25px; padding-left: 10px;}
#index #main .cols1 .col1 {width:182px;}
#index #main .cols1 .col1 .padding{padding:9px 13px 3px 15px;}
#index #main .cols1 .col2 {width:182px;}
#index #main .cols1 .col2 .padding{padding:9px 13px 3px 15px;}
#index #main .cols1 .col3 {width:182px;}
#index #main .cols1 .col3 .padding{padding:9px 13px 3px 15px;}
#index #main .p1 {padding:1px 0 7px 0;}
#index #main .p2 {padding:1px 0; text-indent: 1em;}
#index .ver_line {background:url(images/ver_line.gif) repeat-y 568px 0; width:100%;}

/* item */
#item #header .content {padding:0px;}
#item #main #indent {margin: 10px 2px;}
#item #main .contentbody {margin:5px 15px;}

#item #main h2 {background:url(images/h2_bg.jpg) top left no-repeat; padding:12px 10px 4px 50px; height: 45px; font-size: 140%; font-weight: bold;}
#item #main h3 {margin: 10px 0px; padding: 5px 10px; border-bottom: 1px solid #a0a0a0; border-left: 6px solid #77BAFD; font-weight: bold; font-size: 120%;}
#item #main h4 {background:url(images/h3_bg.gif) center left no-repeat; margin: 10px 0px 5px; padding: 5px 10px 0px 20px; font-weight: bold; font-size: 110%;}

#item #main p {margin-left: 10px;}

#item #main table { margin-left: 10px; border-top: 1px solid #999; border-left: 1px solid #999;}
#item #main table tr { vertical-align: top;}
#item #main table th { color:#1D5EB3; background-color: #F5F5F5; font-weight: bold;}
#item #main table th,td { padding: 3px 6px 2px 6px; border-right: 1px solid #999; border-bottom: 1px solid #999;}


/* Brief */
#item #main #brief {padding-right: 300px; background:url(images/brief_pic.jpg) no-repeat right top;}
.about {width: 100%;}
.about_l {width: 580px; float: left;}
.about_r {margin-left:10px; width: 220px; float: left;}

/* LinkList */
.link_list {margin-left: 15px;}
.link_list li {color: #606060; display: inline-block; float: left; padding-right: 10px; word-break: keep-all;}

.link_cat {}
.link_cat li {width: 195px; float: left; line-height: 100%; margin:0px 2px 6px; padding: 4px; border:1px solid #ccc; background-color:#e0e0e0; font-size: 90%;}
.link_dat dt {font-weight: bold; margin-top: 5px;}
.link_dat dd {margin-left: 20px;}
.link_img {margin-right: 10px; width: 210px; float: right; display:block;}

/* Seminar */
.s_info {margin: 10px; width:100%; text-align:center;}
.s_info_bnr {width: 250px; float:left;}
.s_text {width: 630px; float:left;}
.s_entry {width: 178px; text-align:center; float: left;}
.s_place {padding: 2px 0px 0px 10px;}

/* Privacy */
#privacy p {text-indent: 8px;}
#privacy dl {margin: 10px 15px; padding: 10px; border: 1px dotted #888888;}
#privacy dt {margin-top: 8px; font-weight: bold;}
#privacy dd {margin-left:10px;}
#privacy dd ul {margin-left: 10px; padding-left: 10px;}
#privacy dd li {color: #868686; list-style-type: disc;}
/* Contact*/
.contact {margin: 5px 10px 10px; padding: 5px 10px; border: 1px dotted #cccccc; background-color: #FFFFDD; display:block; width: 60%;}
.contact_form th {width: 20%}
.contact_form td {width: 80%}
.contact_name input{width:200px;}
.contact_kana input{width:200px;}
.contact_grp input{width:400px;}
.contact_addr input{width:400px;}
.contact_tel input{width:200px;}
.contact_fax input{width:200px;}
.contact_mail input{width:400px;}
.contact_title input{width:200px;}
.contact_text textarea{width:400px;}
.contact_button {text-align:center;}

.form-preview { width: 400px; border: 1px solid #666666;}
.form-name { border: 1px solid #CCCCCC; background-color: #EEEEEE; width: 120px;}
.form-value { border: 1px solid #CCCCCC;}
.formerror { font-weight:bold; color: red; display:block; margin:5px auto;}
.form-notice { font-weight:bold; color:#FF3300;}
.formbutton {margin: 5px auto;}