
@charset "utf-8";
/* CSS Document */


/* --------------------------------------------------------------------------------------
 サイドカラム
 ・サイドナビ
 ・テキストリンクセット
 ・サムネイルセット
 ・バナーセット
 ・特設リンクセット
--------------------------------------------------------------------------------------- */




/* 基本 ---------------------------------------------------------------------------*/

div.note {
	margin: 20px 10px 15px;
	
	background-color: #f5f5f5;
	border: 1px solid #b4b4b4;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
div.note .note-inner {
	padding: 20px 15px;
	
}


div.note div.note-inner:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.note div.note-inner { display:inline-block; }
/*\*/
* html div.note div.note-inner { height:1%; }
div.note div.note-inner { display:block; }
/**/


div#contents div.note .note-inner div {
	margin-bottom: 20px;
}
div#contents div.note .note-inner h1 {
	width: auto;
	margin: 0 0 20px;
	background: none;
	font-weight: bold;
	line-height: 1.3;
}
div#contents div.note .note-inner h2 {
	width: auto;
	margin: 0 0 20px;
	background: none;
	color: #333;
	font-size: 175%;
	line-height: 1.3;
}
div#contents div.note .note-inner h3 {
	margin: 0 0 20px;
	font-size: 150%;
	padding: 0;
	border: none;
	line-height: 1.3;
}
div#contents div.note .note-inner h4 {
	margin: 0 0 5px;
	font-size: 130%;
	line-height: 1.3;
	border-bottom: 1px dotted #b4b4b4;
}
div#contents div.note .note-inner h5 {
	margin: 15px 0 3px 0;
	font-size: 115%;
	line-height: 1.3;
}
div#contents div.note .note-inner h6 {
	margin: 0 0 10px;
	line-height: 1.3;
}
div#contents div.note .note-inner pre {

}
div#contents div.note .note-inner address {

}
div#contents div.note .note-inner hr {
	margin: 20px 0;
}
div#contents div.note .note-inner p {
	margin: 0 0 10px;
}
div#contents div.note .note-inner div {

}
div#contents div.note .note-inner div b {

}
div#contents div.note .note-inner div i {
	font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
div#contents div.note .note-inner div u {

}
div#contents div.note .note-inner div strike {

}
div#contents div.note .note-inner div sub {

}
div#contents div.note .note-inner div sup {

}
div#contents div.note .note-inner ul {
	list-style: disc;
	margin: 0 0 20px 30px;
}
div#contents div.note .note-inner ul ul {
	margin: 0 0 0 30px;
}
div#contents div.note .note-inner ul ol {
	margin: 0 0 0 30px;
}
div#contents div.note .note-inner ol {
	margin: 0 0 20px 30px;
}
div#contents div.note .note-inner ol ol {
	margin: 0 0 0 30px;
}
div#contents div.note .note-inner ol ul {
	margin: 0 0 0 30px;
}
div#contents div.note .note-inner blockquote {
	margin: 0 0 20px 30px;
	padding: 15px;
	background: #DDD;
	border-left: 1px solid #333;
}
div#contents div.note .note-inner blockquote div,
div#contents div.note .note-inner blockquote p,
div#contents div.note .note-inner blockquote ul,
div#contents div.note .note-inner blockquote ol {
	margin-bottom: 0;
}
div#contents div.note .note-inner img {
	margin: 0 10px 10px;
}
/*
div#contents div.note .note-inner table {
	margin: 0 0 20px;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
}
div#contents div.note .note-inner table th {
	padding: 4px 8px;	
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
div#contents div.note .note-inner table td {
	padding: 4px 8px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
div#contents div.note .note-inner table caption {
	padding: 4px 8px;
}
*/

/* サイドナビ ------------------------------------------------------------------------- */

dl.sidenavi {
	width: 240px;
	background: url(/common/img_v2/bg_smallbox_btm.gif) left bottom no-repeat;
}
/*見出し*/
dl.sidenavi dt {
	padding: 3px 10px;
	background: url(/common/img_v2/bg_sidehead.gif) no-repeat left top;
	color: #FFFFFF;
	font-weight: bold;
}
/*dd=上階層メニュー, ul li=下階層メニュー*/
dl.sidenavi dd {
	width: 238px;
}
dl.sidenavi dd ul li {
	background: url(/common/img_v2/line_dot_gray.gif) repeat-x left bottom;
}
dl.sidenavi dd ul li.current {
	background: #EDF4F9 url(/common/img_v2/line_dot_gray.gif) repeat-x left bottom;
}





/* --------------------------------------------------------------------------------------
 見出し
--------------------------------------------------------------------------------------- */

div#contents h1 {
	width: 100%;
}
/* 110909 修正ここから */
div#column-right h4.text {
	color: #FFF;
	background: url(/common/img_v2/side_title_bg_top.gif) left top no-repeat;
}
div#column-right h4.text span {
	display: block;
	padding: 5px 10px 5px 17px;
	background: url(/common/img_v2/side_title_bg_btm.gif) left bottom no-repeat;
	line-height: 1.5;
	font-size: 110%;
}
/* 110909 修正ここまで */



/* --------------------------------------------------------------------------------------
 サイドカラム
--------------------------------------------------------------------------------------- */


/* バナーセット -------------------------------------------------------------- */

div.set-banner {
	width: 240px;
}
div.set-banner h4 {
	margin-bottom: 10px;
}
div.set-banner dl {
	padding-bottom: 5px;
}
div.set-banner dl dt {
	margin-bottom: 5px;
	text-align: center;
}

/* --------------------------------------------------------------------------------------
 コンテンツ部
--------------------------------------------------------------------------------------- */


/* サポートボックス -------------------------------------*/

/*枠*/

#box-support {
	width: 970px;
	background: url(/common/img_v2/bg_footsupport_btm.gif) no-repeat left bottom;
}
#box-support-inner {
	background: url(/common/img_v2/bg_footsupport_top.gif) no-repeat left top;
}
#box-support-inner dl#list-contact {
	width: 550px;
}
#box-support-inner dl#list-contact dd {
	width: 267px;
}


/* --------------------------------------------------------------------------------------
 表
--------------------------------------------------------------------------------------- */

.paragraph table, .table table, table.normal, table.support, table.product-info {
	width: 680px;
}



