/***********************/
/* レイアウトCSS         */
/***********************/
body , div , p , ul , 
h1 , h2 , h3 , h4 , h5 , h6{
  margin: 0;
  padding: 0;
  behavior: expression(IEPNGFIX.fix(this));
}
img{border:none;}
html, body {
	height: 100%;
	text-align:center;
}
body{
	background:url(../images/bg.jpg);
	font-family:Arial, Helvetica, sans-serif, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
}
#DesignBg{
	width:100%;
	min-height: 100%;
	height:100%;
	background:url(../images/bg_patern.jpg) center top repeat-x;
}
#HeaderLogo{display:block; position:absolute; width:230px; height:34px; left:0px; top:30px;}
#header {
	width:100%;
	margin:0 auto;
	text-align:center;
	background:url(../images/bg_design.jpg) center top no-repeat;
	height:310px;
}
.TopPage #header{
	background:url(../images/bg_design_top.jpg) center top repeat-x;
}
.TopPage #header {
	height:435px;
}
#header-copy{
	display:none;
	height:20px;
	padding-left:5px;
	font-size:85%;
	line-height:21px;
}
#headerinner{
	width:843px;
	height:71px;
	text-align:left;
	margin:auto;
	position:relative;
	background:url(../images/bg_headerinner.gif) left bottom no-repeat;
}
#overimg{ /* ヘッダコードを入れる */
	width:845px;
	height:172px;/* 他の要素に構わず高さが決まる  */
	position:absolute; 
	text-align:left;
	margin:auto;
	left:28px;
	top:93px;
	z-index:100;
}
#OvreImgCode{
	height:172px;
}
#header-img{
	width:845px;
	height:172px;
	text-align:left;
	margin:auto;
	overflow:hidden;
	position:absolute;
	left:28px;
	top:93px;
}
.TopPage #overimg , .TopPage #OvreImgCode , .TopPage #header-img {
	height:297px;
}

#submenu{
	float:right;
	margin-top:5px;
}
#submenu ul li{
	float:left;
	list-style:none;
	background-image:none;
	padding:0;
}
#submenu ul li a{
	display:block;
	width:128px;
	height:26px;
	line-height:30px;
	text-align:center;
	font-size:90%;
	text-decoration:none;
	color:#666666;
	border-left:1px solid #CCCCCC;
}
#submenu ul li a#active_menu-nav{background-position:0px -50px;}
#headernavi{
	width:550px;
	height:42px;
	text-align:left;
	margin:auto;
	position:absolute;
	right:0px;
	bottom:1px;
	overflow:hidden;
}
#header-under{
	display:none;
	width:882px;
	text-align:left;
	margin:auto;
}
#container , #container-m-r {
	background-image:url(../images/bg_container.jpg);
}
#container-l-m , #container-m{
	background-image:url(../images/bg_container_white.jpg);
}
#container , #container-l-m , #container-m-r , #container-m {
	position: relative;
	width:902px;
	text-align:center;
	min-height: 100%;
	margin:0 auto;
	background-repeat:repeat-y;
	background-position:center;
}
* html #container , * html #container-l-m , * html #container-m-r , * html #container-m{
    height:100%;
}
body > #container , body > #container-l-m , body > #container-m-r , body > #container-m {
	height: auto;
}

#inner{
	width:843px;
	text-align:center;
	margin:auto;
	padding-bottom:82px;
}
#footer {
	width: 100%;
	position: absolute;
	bottom: 0;
	left:0;
	height: 82px;
	text-align:right;
	background-repeat:no-repeat;
	background-position:center top;
}
#container #footer , #container-l-m #footer{
    background-image:url(../images/bg_footer.jpg);
}
#container-m-r #footer , #container-m #footer{
    background-image:url(../images/bg_footer.jpg);
}
#footer-inner{
	width:882px;
	height:30px;
	margin:auto;
	font-size:95%;
	text-align:center;
}
#copyright{
	width:882px;
	margin:auto;
	font-size:85%;
}
.moduletable , .moduletable_menu {margin-bottom:5px;}

/***************************/
/* container部分岐処理　　　　 */
/***************************/
/* left right いずれもあるとき&共通の処理 */
#left {
/* position:fixed; */
	/*top:20px;   headerinnner height ＋ headernavi height ＋ header-under height */
	width:180px;
	float:left;
	text-align:left;
}
* html #left {
	/*position:absolute;*/
}
#main{
    width:657px;
    float:right;
	margin:auto;
	clear:both;
}
#center{
	position:relative;
	width:437px;
    float:left;
	text-align:left;
	margin:auto;
}
#right{
	width:200px;
    float:right;
	text-align:left;
	padding-top:2px;
}
/*html>body #right{margin-right:20px;}
* html #right {margin-right:10px;}*/

/* left だけあるときの処理 */
#container-l-m #left{
    width:180px;
	float:left;
}
#container-l-m #main{
    width:657px;
}
#container-l-m #center{
	width:657px;
}

/* right だけあるときの処理 */
#container-m-r #main{
    width:843px;
}
#container-m-r #center{
    width:620px;
	margin:0;
}
#container-m-r #right{
    float:right;
}

/* left rightのいずれもないときの処理 */
#container-m #main{
    width:842px;
	float:none;
}
#container-m #center{
	width:842px;
	float:none;
	margin:auto;
}

/***************************/
/* User1 User2　　　　　 */
/***************************/
.col-spacer{float:left; width:16px; height:1px; overflow:hidden;}
#u1u2 , #u1 , #u2{clear:both; margin:15px 0 0 0; background-repeat:repeat-y;}
#u1u2 a , #u1 a , #u2 a{ color:#666666;}
#u1u2 a:hover , #u1 a:hover , #u2 a:hover{color:#96B100;}
#u1u2 h3 , #u1 h3 , #u2 h3{
	font-size: 16px !important;
	font-size: 1.2em;
	line-height:150%;
	color:#3892AB;
	font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;
}

/* left rightいずれもあるときのUser1 User2*/
#u1u2 .top{width:434px; height:16px; background-image:url(../images/l_m_r_u1u2_top.gif);}
#u1u2 .btm{width:434px; height:16px; clear:both; background-image:url(../images/l_m_r_u1u2_btm.gif);}
#u1u2 .moduletable{float:left; width:193px;}
#u1 .top , #u2 .top{width:434px; height:16px; background-image:url(../images/l_m_r_u1_top.gif);}
#u1 .btm , #u2 .btm{width:434px; height:16px; clear:both; background-image:url(../images/l_m_r_u1_btm.gif);}
#u1 .UserMod , #u2 .moduletable{float:left; width:402px;}
#u1u2{background-image:url(../images/l_m_r_u1u2.gif);}
#u1 , #u2{background-image:url(../images/l_m_r_u1.gif);}

/* leftだけあるときのUser1 User2*/
#container-l-m #u1u2 .top{width:657px; height:16px; background-image:url(../images/l_m_u1u2_top.gif);}
#container-l-m #u1u2 .btm{width:657px; height:16px; clear:both; background-image:url(../images/l_m_u1u2_btm.gif);}
#container-l-m #u1u2 .UserMod{float:left; width:304px;}
#container-l-m #u1 .top , #container-l-m #u2 .top{width:657px; height:16px;  background-image:url(../images/l_m_u1_top.gif);}
#container-l-m #u1 .btm , #container-l-m #u2 .btm{width:657px; height:16px; clear:both; background-image:url(../images/l_m_u1_btm.gif);}
#container-l-m #u1 .UserMod , #container-l-m #u2 .UserMod{float:left; width:625px;}
#container-l-m #u1u2{background-image:url(../images/l_m_u1u2.gif);}
#container-l-m #u1 , #container-l-m #u2{background-image:url(../images/l_m_u1.gif);}

/* rightだけあるときのUser1 User2*/
#container-m-r #u1u2 .top{width:627px; height:16px; background-image:url(../images/m_r_u1u2_top.gif);}
#container-m-r #u1u2 .btm{width:627px; height:16px; clear:both; background-image:url(../images/m_r_u1u2_btm.gif);}
#container-m-r #u1u2 .moduletable{float:left; width:289px;}
#container-m-r #u1 .top , #container-m-r #u2 .top{width:627px; height:16px;  background-image:url(../images/m_r_u1_top.gif);}
#container-m-r #u1 .btm , #container-m-r #u2 .btm{width:627px; height:16px; clear:both; background-image:url(../images/m_r_u1_btm.gif);}
#container-m-r #u1 .moduletable , #container-m-r #u2 .moduletable{float:left; width:595px;}
#container-m-r #u1u2{background-image:url(../images/m_r_u1u2.gif);}
#container-m-r #u1 , #container-m-r #u2{background-image:url(../images/m_r_u1.gif);}

/* left rightいずれもないときのUser1 User2*/
#container-m #u1u2 .top{width:852px; height:16px; background-image:url(../images/m_u1u2_top.gif);}
#container-m #u1u2 .btm{width:852px; height:16px; clear:both; background-image:url(../images/m_u1u2_btm.gif);}
#container-m #u1u2 .UserMod{float:left; width:402px;}
#container-m #u1 .top , #container-m #u2 .top{width:852px; height:16px; background-image:url(../images/m_u1_top.gif);}
#container-m #u1 .btm , #container-m #u2 .btm{width:852px; height:16px; clear:both; background-image:url(../images/m_u1_btm.gif);}
#container-m #u1 .UserMod , #container-m #u2 .UserMod{float:left; width:820px;}
#container-m #u1u2{background-image:url(../images/m_u1u2.gif);}
#container-m #u1 , #container-m #u2{background-image:url(../images/m_u1.gif);}

#u1u2 .moduletable , #u1 .moduletable , #u2 .moduletable , 
#u1u2 .moduletable_menu  , #u1 .moduletable_menu  , #u2 .moduletable_menu  {margin-bottom:0px;}
#u1u2 h3 , #u1 h3 , #u2 h3 {margin:0px 0px 5px 0px;}

/***************************/
/* 左側メニュー部　　　　　 */
/***************************/
#left ul{margin:0px 10px;}
#left ul li{list-style:none; border-bottom:1px dotted #999999;}
#left ul li a{
	height:30px;
	line-height:30px;
	display:block;
	text-indent:18px;
	text-decoration:none;
	color:#666666;
	background-image:url(../images/mark_left_navi.gif);
	background-repeat:no-repeat;
	background-position: 0px 8px;
}
#left .moduletable-booklet ul li a{
	background-image:url(../images/mark_left_bookletnavi.gif);
}
#left .moduletable-webtype ul li a{
	background-image:url(../images/mark_left_webtypenavi.gif);
}
#left ul li a:hover , #left ul li.active a,
#left ul li.parent ul li a:hover , #left ul li.parent ul li.active a
{
	background-position: 0px -42px;
	color:#ED4B48;
}
#left ul li.parent  ul{
	display:block;
	list-style:none;
}
#left ul li.parent ul li a {
	height:24px;
	line-height:24px;
	text-indent:16px;
	font-size:85%;
	color:#666666;
	background-position: 0px 8px;
}
#left ul li li{
	margin-left:0px;
	margin-bottom:-1px;
}
.menu li{padding:0; background-image:none;}

/***************************/
/* 右側メニュー部　　　　　 */
/***************************/
#right ul li{list-style:none; padding:0px; background:none;}
#right ul li a{
	height:32px;
	line-height:32px;
	display:block;
	text-indent:25px;
	text-decoration:none;
	color:#FFFFFF;
	background:url(../images/right_navi.gif) no-repeat 0px;
}
#right ul li a:hover , #right ul li.active a,
#right ul li.parent ul li a:hover , #right ul li.parent ul li.active a ,
#right ul li a#active_menu
{
	background-position: -200px 0px;
	color:#993300;
}
#right ul li.parent  ul{
	display:block;
	list-style:none;
}
#right ul li.parent ul li a {
	height:27px;
	line-height:27px;
	text-indent:18px;
	font-size:85%;
	color:#666666;
}
#right ul li li{
	margin-left:0px;
	margin-bottom:-1px;
}
#right img{margin:3px 10px;}

/***************************/
/* 見出し（記事以外）　　　 */
/***************************/
h1{
	position:absolute;
	right: 20px;
	top: 75px;
	width:250px;
	text-align:left;
	overflow:visible;
	white-space:nowrap;
	font-size: 18px !important;
	font-size: 1.6em;
	font-weight:normal;
	font-family:Geneva, Arial, Helvetica, sans-serif , "HGPゴシックE", "HGゴシックE",  "ヒラギノ角ゴ Pro W6";
}
.TopPage h1{text-indent:-9999em;}
#left h3{
	width:180px;
	height:30px;
	font-size: 12px !important;
	font-size: 0.9em;
	line-height:28px;
	text-indent:15px;
	color:#3784C6;
	background-image:url(../images/bg_h3.gif);
	background-repeat:no-repeat;
}
#right h3{
	font-size: 14px !important;
	font-size: 1.0em;
	line-height:150%;
	color:#BDB2AB;
	background:url(../images/bg_h3_right.gif) repeat-x bottom;
	font-weight:normal;
}

/***************************/
/* 記事レイアウト＆見出し */
/***************************/
.article_column{float: left;}
.cols1{float: none !important;}

.blog h2 , #page h2 , .searchintro , .componentheading{
	font-size: 16px !important;
	font-size: 1.2em;
	min-height:32px;
	line-height:175%;
	color:#362919;
	font-weight:normal;
	margin-bottom:7px;
	padding-left:20px;
	background:url(../images/bg_h2.gif) no-repeat bottom;
}
.blog h3{
	font-size: 14px !important;
	font-size: 1em;
	padding-left:3px;
	margin-top:5px;
	font-weight:normal;
	color:#3892AB;
}
.cols2 , .cols3{float:left;}
/* left rightいずれもあるときのcols & h2*/
.cols2 , #center .cols2 h2 {width:208px;}
.cols3 , #center .cols3 h2 {width:132px;}
/*.cols1 h2 {width:437px; background:url(../images/bg_h2_lmr_col1.gif) no-repeat;}
.cols2 h2 {background:url(../images/bg_h2_lmr_col2.gif) no-repeat;}
.cols3 h2 {background:url(../images/bg_h2_kmr_col3.gif) no-repeat;}*/
/* leftだけあるときのcols & h2*/
#container-l-m .cols2 , #container-l-m #center .cols2 h2 {width:318px;}
#container-l-m .cols3 , #container-l-m #center .cols3 h2 {width:205px;}
/*#container-l-m h2 {width:657px; background:url(../images/bg_h2_lm_col1.gif) no-repeat;}
#container-l-m .cols2 h2 {background:url(../images/bg_h2_lm_col2.gif) no-repeat;}
#container-l-m .cols3 h2 {background:url(../images/bg_h2_lm_col3.gif) no-repeat;}*/
/* rightだけあるときのcols & h2*/
#container-m-r .cols2 , #container-m-r #center .cols2 h2 {width:300px;}
#container-m-r .cols3 , #container-m-r #center .cols3 h2 {width:193px;}
/*#container-m-r h2 {width:627px; background:url(../images/bg_h2_mr_col1.gif) no-repeat;}
#container-m-r .cols2 h2 {background:url(../images/bg_h2_mr_col2.gif) no-repeat;}
#container-m-r .cols3 h2 {background:url(../images/bg_h2_mr_col3.gif) no-repeat;}*/
/* left rightいずれもないときのcols & h2*/
#container-m .cols2 , #container-m #center .cols2 h2 {width:418px;}
#container-m .cols3 , #container-m #center .cols3 h2 {width:273px;}
/*#container-m h2 {width:852px; background:url(../images/bg_h2_m_col1.gif) no-repeat;}
#container-m .cols2 h2 {background:url(../images/bg_h2_m_col2.gif) no-repeat;}
#container-m .cols3 h2 {background:url(../images/bg_h2_m_col3.gif) no-repeat;}*/

.column1 , .column2{
	border:solid 0px #D4A7C5;
	position:relative;
}

.leading_separator{
	display:block;
	height:20px;
	clear:both;
	overflow: hidden;
}
.row_separator{
	display:block;
	height:15px;
	clear:both;
	overflow: hidden;
}
.row_separator.line{background:url(../images/line_row_separator.gif) center repeat-x;}
.article_separator{
	display:block;
	width:20px;
	height:auto;
	float:left;
	overflow: hidden;
	background:url(../images/line_col_separator.gif) center repeat-y;
}


/* float-align */
.txt-center{text-align:center;}
.txt-l{text-align:left;}
.txt-r{text-align:right;}
.flt-l{float:left;}
.flt-r{float:right;}
.clear , .wrap{clear:both; overflow:hidden; height:1px;}

/* リンクロールオーバー */
a:hover{
    background-position:0px -50px;
}
a:active{
    background-position:0px -100px;
}

/* テーブルタイプ */
table.blog , table.contentpaneopen{
	width:100%;
}

/* フォームの体裁 */

.metadata label , .radio label , .publishing label {
	width:120px;
	float:left;
	white-space:nowrap;
}
input , textarea , select {
	border-top: 1px solid #999999;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #999999;
	background-color:#F5FAEB;
}
.radio{
	clear:both;
}
.radio input{
	float:left;
}
.radio input{
	border:none;
	background-color:#F7F7F7;
}
.frmnonstyle{
	border:none;
	background-color:#FFFFFF;
}
.onlyref{
	background-color: #FFFFFF;
	border:none;
}
.btn{
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #FFFFFF;
	width:180px;
	margin:0 5px;
	background-color:#ECECEC;
}
.btn-mini{
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #FFFFFF;
	width:80px;
	margin:0 3px;
	background-color:#ECECEC;
}
.btn-micro{
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #FFFFFF;
	width:40px;
	margin:0 3px;
	background-color:#ECECEC;
}
.ck-radio{
	background-color:#FFFFFF;
	border:none;
}

/* リンクボタン */
.LinkBtn{
	display:block;
	width:112px;
	height:27px;
	line-height:25px;
	background:url(../images/link_btn.gif) no-repeat;
	float:right;
	clear:right;
	text-align:center;
}
.LinkBtn:link , .LinkBtn:visited{
	color:#FFFFFF;
}