@charset "shift_jis";
/*==================================================================================================================*/
/* ------> リセットスタイル <<<-------------------------------------------------------------------------------------*/
/*==================================================================================================================*/
html{}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquout,th,td{margin: 0;padding: 0;}table{border-collapse:collapse;border-spacing:0;}ul,ol,li{list-style: none;}caption,th{text-align: left;}h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000000;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;font-weight: normal;}ol,ul{list-style: none;}a{cursor: pointer;}fieldset,img{border: 0;}

/*==================================================================================================================*/
/* ------> フォントスタイル <<<-------------------------------------------------------------------------------------*/
/*==================================================================================================================*/
html {color:#444444;}body{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Verdana, san-serif, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic";}
/* フォントサイズ
------------------------------------- */
body {font-size:0.8em;line-height:1.6em;}
/* IE 6 or sooner*/
* html body {font-size:75%;}table{font-size:inherit;font:100%;}
/* YUI font CSS より
------------------------------------- */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}
/* その他文字装飾
------------------------------------- */
.f80_gray {font-size:0.8em;line-height:1.5em;color:#888888;}
.f80 {font-size:0.8em;line-height:1.6em;}
.f120 {font-size:1.2em;line-height:1.6em;}
.f120b {font-size:1.2em;font-weight:bold;line-height:1.6em;}
.f120b_red {font-size:1.2em;font-weight:bold;line-height:1.5em;color:#CC0000;}
.f120b_litebrown {font-size:1.2em;font-weight:bold;line-height:1.5em;color:#8D7018;}
.f120_liteblue {font-size:1.2em;line-height:1.5em;color:#1EBCDA;}
.f140 {font-size:1.4em;line-height:1.5em;}
.red {color:#CC0000;}
.red_fw {color:#CC0000;font-weight:bold;}
.fw {font-weight:bold;}
.gray {color:#999999;}
.black {color:#444444;}
.liteblue {color:#1EBCDA;}

/*==================================================================================================================*/
/* ------> 基本レイアウトスタイル <<<-------------------------------------------------------------------------------*/
/*==================================================================================================================*/
/* Tags 
------------------------------------------------------------------------------------------------------------------- */

html, body {scrollbar-base-color:#CCCCCC;scrollbar-track-color:#FFFFFF;scrollbar-face-color:#FFFFFF;scrollbar-shadow-color:#FFFFFF;scrollbar-darkshadow-color:#CCCCCC;scrollbar-highlight-color:#FFFFFF;scrollbar-3dlight-color:#CCCCCC;scrollbar-arrow-color:#CCCCCC;}
body {text-align:center;background:url(../images/base/pageback.gif) repeat-x;}
h1 {margin:0 auto;padding:10px 0 0 0;font-size:10px;line-height:100%;letter-spacing:0.1em;text-align:left;color:#666666;width:800px;}
h1 a:link, h1 a:visited {color:#666666;text-decoration:none;}
h1 a:hover, h1 a:active {color:#666666;text-decoration:underline;}
a:link, a:visited {color:#895F35;text-decoration:underline;}
a:hover, a:active {color:#B88959;text-decoration:underline;}

/* 基本レイアウト
------------------------------------------------------------------------------------------------------------------- */
div#container {margin:0 auto;text-align:left;background:url(../images/base/container_back.gif) repeat-y;width:820px;}
div.container_inner {background:url(../images/base/container_top.gif) no-repeat;}
div#header {font-size:0;line-height:0;}
div#header li {font-size:0;line-height:0;display:inline;}
div#contents {background:url(../images/base/contents_top.gif) no-repeat;}
div.contents_inner {padding:30px 25px 10px 30px;background:url(../images/base/container_btm.gif) no-repeat left bottom;}
div#left {margin:0;padding:0;float:left;width:520px;}
h2.pagetitle {margin:0 0 30px 0;font-size:0.8em;line-height:2em;letter-spacing:0.1em;color:#999999;border-bottom:dotted 1px #CCCCCC;}
div#right {margin:0;font-size:0.8em;line-height:1.4em;float:right;width:220px;}
div.contents_clr {font-size:0;line-height:0;clear:both;}
div.footer_pankuzu {position:relative;width:765px;clear:both;}
div.footer_pankuzu h2 {padding:0 0 0 15px;font-size:0.8em;line-height:30px;color:#999999;background:url(../images/list3.gif) no-repeat left center;}
div.footer_pankuzu h2 a {padding:0 30px 0 0;background:url(../images/list4.gif) no-repeat right center;}
img.pagetop1 {position:absolute;bottom:0;right:0;}
div#footer {margin:0 auto;letter-spacing:0.1em;width:820px;background:#FFF;}
div.footer_inner {padding:0 10px;}
div#footer ul {margin:0 0 10px 0;text-align:center;}
div#footer li {line-height:1.8em;color:#999999;display:inline;}
div#footer p.copy {padding:30px 0 15px 0;font-size:0.8em;text-align:center;color:#E1D3C8;background:url(../images/back_img1.gif);}
div#footer p.copy a {color:#E1D3C8;text-decoration:none;}

/* 右カラム
------------------------------------------------------------------------------------------------------------------- */
div.inq_area {margin:0 0 20px 0;border:solid 3px #C3B6A4;}
div.inq_area p {padding:10px 17px 5px 17px;color:#7A6851;}
div.seminar_info {margin:0 0 20px 0;background:url(../images/base/seminar_back.gif) repeat-y;}
div.seminar_info_inner {padding:0 15px 15px 15px;background:url(../images/base/seminar_btm.gif) no-repeat left bottom;}
div.seminar_info_inner p {margin:0 0 10px 0;}
div.seminar_info_inner iframe {width:188px;height:125px;border:solid 1px #CCCCCC;scrollbar-base-color:#CCCCCC;scrollbar-track-color:#FFFFFF;scrollbar-face-color:#FFFFFF;scrollbar-shadow-color:#FFFFFF;scrollbar-darkshadow-color:#CCCCCC;scrollbar-highlight-color:#FFFFFF;scrollbar-3dlight-color:#CCCCCC;scrollbar-arrow-color:#CCCCCC;scrollbar-base-color:#CCCCCC;scrollbar-track-color:#FFFFFF;scrollbar-face-color:#FFFFFF;scrollbar-shadow-color:#FFFFFF;scrollbar-darkshadow-color:#CCCCCC;scrollbar-highlight-color:#FFFFFF;scrollbar-3dlight-color:#CCCCCC;scrollbar-arrow-color:#CCCCCC;}
div.cm_area {margin:0 0 5px 0;}
ul.right_navi {margin:0 0 20px 0;}
ul.right_navi li {font-size:0;line-height:0;}
div.comp_info {padding:14px;border:solid 1px #999999;background:url(../images/base/infobox_title_back.gif) no-repeat top center;}
div.comp_info h2 {font-size:1.2em;font-weight:bold;line-height:2em;color:#895F35;}

/* Style etc
------------------------------------------------------------------------------------------------------------------- */
.clr_all {margin:0;padding:0;font-size:0;line-height:0;clear:none;width:765px;}
.clr_left {clear:both;width:220px;}
.clr_right {clear:both;width:550px;}
.clr_100 {font-size:0;line-height:0;clear:left;width:200px;}
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.fl {float:left;}
.fr {float:right;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}