@charset "utf-8";

/* cssリセット */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote { margin:0; padding:0; }
table { border-collapse:collapse;border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; list-style-position:outside;}
caption,th { text-align:left; }
q:before,q:after { content:'';}
img{vertical-align:bottom;}
html{height:100% }
em{ font-weight:bold;}

/*IE6/7/8用　html5リセット*/
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}

/*********************************************
 汎用系
**********************************************/

/* リンク */
a:link{text-decoration:none; color:#ff7800;}
a:visited{text-decoration:none; color:#ff7800;}
a:active{text-decoration:underline; color:#ff9600;}
a:hover{text-decoration:underline; color:#ff9600;}
.alpha a:hover img, input[type="image"].alpha:hover, .alpha input[type="submit"]:hover{opacity:0.8; filter:alpha(opacity=80); -ms-filter:"alpha( opacity=80 )";}
.alpha a:hover img, input[type="image"].alpha:hover{background:#fff;}
.alpha input[type="submit"]:hover{cursor:pointer;}
.alpha #page_top img:hover{background:none!important;}

.architect_style a:link{color:#9a7c2e;}
.architect_style a:visited{color:#9a7c2e;}
.architect_style a:active{color:#b6984b;}
.architect_style a:hover{color:#b6984b;}

/* 回り込み */
.float_l{float:left;}
.float_r{float:right;}
.clear_both{clear:both;}
.clear_fix:after{clear:both; display:block; content:" ";}

/* マージン、パディング */
.mT0{margin-top:0px!important;}
.mT5{margin-top:5px!important;}
.mT10{margin-top:10px!important;}
.mT15{margin-top:15px!important;}
.mT20{margin-top:20px!important;}
.mT30{margin-top:30px!important;}
.mT40{margin-top:40px!important;}
.mB10{margin-bottom:10px!important;}
.mL0{margin-left:0px!important;}
.mL3{margin-left:3px!important;}
.mL8{margin-left:8px!important;}
.mL10{margin-left:10px!important;}
.mL20{margin-left:20px!important;}
.mL25{margin-left:25px!important;}
.mL30{margin-left:30px!important;}
.mL40{margin-left:40px!important;}
.mL45{margin-left:45px!important;}
.mL144{margin-left:144px!important;}
.mR0{margin-right:0px!important;}
.mR10{margin-right:10px!important;}
.mR15{margin-right:15px!important;}
.mR20{margin-right:20px!important;}
.mR30{margin-right:30px!important;}
.mR144{margin-right:144px!important;}

.pT0{padding-top:0px!important;}
.pT10{padding-top:10px!important;}
.pT15{padding-top:15px!important;}
.pT20{padding-top:20px!important;}
.pB3{padding-bottom:3px!important;}
.pB5{padding-bottom:5px!important;}
.pB20{padding-bottom:20px!important;}

/* 文字位置 */
.align_c{text-align:center!important;}

/* 色 */
.color_red{color:#cc0000!important;}

/* 背景色 */
.bg_white{background:#fff!important;}

/* フォント・行間 */
.font_09em{font-size:0.9em!important;}
.font_095em{font-size:0.95em!important;}
.line_h_1px{line-height:1px!important;}

/* インデント */
.indent_1_3em{padding-left:1.3em; text-indent:-1.3em;}

/* その他調整 */
.nowrap{white-space:nowrap!important;}

/* 縦位置 */
.vertical_middle{vertical-align:middle!important;}
.vertical_top{vertical-align:top!important;}

/* 表示 */
.display_none{display:none!important;}

/* 幅・高さ */
.width15{width:15px!important;}
.width30{width:30px!important;}
.width50{width:50px!important;}
.width65{width:65px!important;}
.width80{width:80px!important;}
.width90{width:90px!important;}
.width95{width:95px!important;}
.width120{width:120px!important;}
.width130{width:130px!important;}
.width140{width:140px!important;}
.width145{width:145px!important;}
.width150{width:150px!important;}
.width350{width:350px!important;}
.width450{width:450px!important;}
.width500{width:500px!important;}
.width550{width:550px!important;}
.width555{width:555px!important;}
.width600{width:600px!important;}
.width960{width:960px!important;}
.h100{height:100px!important;}

.minwidth130{min-width:130px!important;}
.minwidth160{min-width:160px!important;}

.minheight500{min-height:500px!important;}

/* 装飾 */
.picture{padding:5px!important; background-color:#fff!important; border:#c6c6c6 1px solid!important; -moz-box-shadow:1px 1px 6px #ccc; -webkit-box-shadow:1px 1px 6px #ccc;}

/* Div クリック */
.div_click:hover{background:#fff4e5; cursor:pointer;}
.div_click:hover dl{background:#eee0ce!important;}
.architect_style .div_click:hover{background:#f3eee7; cursor:pointer;}
.architect_style .div_click:hover dl{background:#e0d8ce!important;}

/*********************************************
 特定系
**********************************************/

/* ボディ */
body{text-align:center; background:url("../img/bg.jpg") repeat; font-family:"メイリオ",meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif; color:#292929;}

/* [[[ヘッダー]]] */
header{text-align:left; background:url("../img/header_bg.jpg") repeat-x;}
#header_contents{position:relative; width:970px; margin:0 auto; height:141px;}
#site_caption{position:absolute; left:223px; top:32px; line-height:1.4em; font-size:0.7em; font-weight:normal;}
#site_caption span{font-size:1.1em; color:#ff7800;}
#logo{float:left;}
#beginner_menu{float:right;}
#beginner_menu li{float:left;}
#site_scale{font-size:0.7em; position:absolute; right:0; top:40px;}
#site_scale span, #call_name span{color:#ff7800;}
#call_name{font-size:0.7em; position:absolute; right:0; top:55px;}

#ordinary_menu{position:absolute; left:0; top:85px;}
#architect_menu{position:absolute; left:0; top:113px;}
#ordinary_menu li, #architect_menu li{float:left;}

/* IE7以下注意 */
#caution{padding:7px 6px 5px 6px; color:#cc0000; border:2px solid #cc0000; width:954px; margin:15px auto 0 auto; font-size:0.9em;}

/* 全体枠 */
#container{width:980px; margin:0 auto; padding:8px 0 30px 0; text-align:left; clear:both;}

/* [[[コンテンツ部分]]] */
article{width:750px; float:left;}

/* [[[サイドナビ]]] */
#side{width:225px; float:right; position:relative;}
.side_nav_area{background:url("../img/nav_side_bg.gif") repeat-y;}
.side_nav_area ul{font-size:0.75em; margin:0 5px;}
.side_nav_area li{border-bottom:1px dotted #adadad;}
.side_nav_area li:last-child{border:none;}
.side_nav_area a{display:block; padding:8px 5px 7px 25px;}
.nav_side_caption{font-size:0.6em; color:#666; padding:0 0 8px 10px; margin:0 5px;}
#ssl_seal{text-align:center; margin:10px 5px 5px 5px;}

/* 子ども */
.side_nav_area ul li ul{font-size:0.9em; margin:0;}
.side_nav_area ul li ul li{border-bottom:none;}
.side_nav_area ul li ul li a{background:none!important; padding:3px 0 3px 25px;}

#nav_side_ordinary a{background:url("../img/nav_arrow_orange.gif") no-repeat 10px 11px;}
#nav_side_ordinary .nav_side_caption{border-bottom:2px solid #ff9c09;}
#nav_side_ordinary span{color:#ff6f0d;}
#nav_side_ordinary a:link{color:#2c2c2c;}
#nav_side_ordinary a:visited{color:#2c2c2c;}
#nav_side_ordinary a:active{color:#ff6f0d;}
#nav_side_ordinary a:hover{color:#ff6f0d;}

#nav_side_architect a{background:url("../img/nav_arrow_yellow.gif") no-repeat 10px 11px;}
#nav_side_architect .nav_side_caption{border-bottom:2px solid #7f6d3f;}
#nav_side_architect span{color:#7f6d3f;}
#nav_side_architect a:link{color:#2c2c2c;}
#nav_side_architect a:visited{color:#2c2c2c;}
#nav_side_architect a:active{color:#7f6d3f;}
#nav_side_architect a:hover{color:#7f6d3f;}

#nav_side_special a{background:url("../img/nav_arrow_green.gif") no-repeat 10px 11px;}
#nav_side_special .nav_side_caption{border-bottom:2px solid #577f3f;}
#nav_side_special a:link{color:#2c2c2c;}
#nav_side_special a:visited{color:#2c2c2c;}
#nav_side_special a:active{color:#577f3f;}
#nav_side_special a:hover{color:#577f3f;}

#twitter_area{height:400px; width:215px; margin:5px 0 5px 5px; box-shadow:0 0 3px #aaaaaa; -moz-box-shadow:0 0 3px #aaaaaa; /* Firefox用 */ -webkit-box-shadow:0 0 3px #aaaaaa;/* Safari,Google Chrome用 */}
.timeline-footer{background:#c8c8c8!important;}

#fixed_area{position:relative;}
.fixed{position:fixed!important; top:10px;}

#nav_side_btn_ord, #nav_side_btn_arc{font-size:0.6em;}
#nav_side_btn_ord a, #nav_side_btn_arc a{no-repeat; display:block; width:140px; height:43px; padding:40px 10px 0 75px;}
#nav_side_btn_ord a{background:url("../img/nav_side_ord_btn.gif")}
#nav_side_btn_arc a{background:url("../img/nav_side_arc_btn.gif")}
#nav_side_btn_ord a:link, #nav_side_btn_arc a:link{color:#666;}
#nav_side_btn_ord a:visited, #nav_side_btn_arc a:visited{color:#666;}
#nav_side_btn_ord a:active, #nav_side_btn_arc a:active{color:#666; text-decoration:none;}
#nav_side_btn_ord a:hover, #nav_side_btn_arc a:hover{color:#666; text-decoration:none; opacity:0.8; filter:alpha(opacity=80); -ms-filter:"alpha( opacity=80 )";}


/* [[[フッター]]] */
footer{background:url("../img/footer_bg.jpg") repeat-x; clear:both; padding:10px 0 0 0; text-align:left;}
#footer_contents{width:970px; margin:0 auto; position:relative;}
#f_about_menu{background:#f5f5f5; width:130px; font-size:0.7em; padding:5px 20px 40px 20px;}
#f_about_menu a{display:block; padding:3px 0 3px 0;}
#f_about_menu a:link{color:#4a4a4a;}
#f_about_menu a:visited{color:#4a4a4a;}
#f_about_menu a:active{color:#6c6c6c;}
#f_about_menu a:hover{color:#6c6c6c;}
#to_top{position:absolute; right:0; top:0; z-index:1;}
#attentionnotice_area{position:absolute; top:35px; left:200px;}
#conference_area{position:absolute; top:35px; left:592px; z-index:0;}
#news_area{position:absolute; top:200px; left:200px;}
#blog_area{position:absolute; top:200px; left:592px;}
#footer_contents hr{position:absolute; top:165px; left:200px; width:770px; border:solid #dadada; border-width:1px 0 0 0; height:1px;/* for IE6 */ clear:both;/* for IE6 */}
#footer_contents h5{margin:0 0 15px 0;}
#footer_contents dl{font-size:0.7em; margin:10px 0 0 3px;}
#footer_contents dt{float:left; color:#a1a1a1; margin:0 15px 0 0;}
#footer_contents dd{overflow:hidden; width:290px;}
#footer_contents dd a{display:block;}
#footer_contents dd a:link{color:#343434;}
#footer_contents dd a:visited{color:#343434;}
#footer_contents dd a:active{}
#footer_contents dd a:hover{}

#page_top{position:fixed; bottom:20px; right:20px;}