@charset "utf-8";
/* CSS Document */

body  {
	font: 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background-color:#ffffff;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

.ai #container { 
	width: 770px;
	background: #FFFFFF;
	margin: 0 auto;
	border: 0;
	text-align: left;
} 
.ai #header {
	height: 100px;
	background:url(../img/bg_top.gif) no-repeat center top; 
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
} 
.ai #header h1 {
	margin: 0;
	padding-top:10px;
	padding-bottom:0px;
	padding-left:20px;
	padding-right:0px;
	font-size: 22px;
}

.ai #header p {
	margin: 0;
	padding-top:16px;
	padding-bottom:0px;
	padding-left:20px;
	padding-right:0px;
	line-height:140%;
}

.ai #headerSub {
	height: 67px;
	background:url(../img/bg_top_navi.gif) no-repeat center top; 
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	
} 
.ai #headerSub p {
	margin: 0;
	padding-top:22px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:0px;
	font-size: 12px;
	color: #243f5c;
}

.ai #sidebar1 {
	float: right; 
	width: 175px;
	margin-top:15px;
	margin-right: 10px;
	padding-top:0px;
	padding-bottom:0px;
	text-align:center;
}

.ai #sidebar1 h3 {
	width: 175px;
	height: 40px;
	font-size:18px;
	color:#FFFFFF;
	background:url(../img/menu_bg_category.gif) no-repeat top; 
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	text-align:left;
	text-indent: 1em;
	line-height:40px;
}

.ai #sidebar1 p {
	width: 175px;
	height: 40px;
	font-size:14px;
	color:#FFFFFF;
	 
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	text-align:left;
	text-indent: 2em;
	line-height:40px;
}

.ai #sidebar1 h3, .ai #sidebar1 p {
	margin-left: 0px;
	margin-right: 0px;
}

.ai #sidebarBoxMain {
	width: 175px;
	font-size:14px;
	background-color:#ffffff; 
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	text-align:left;
	text-indent: 2em;
	line-height:40px;
}

.ai #sidebarBoxSub {
	width: 175px;
	font-size:14px;
	margin-top:20px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:20px;
	padding-left:0px;
	padding-right:0px;
	text-align:left;
	text-indent: 2em;
	line-height:0px;
}

.ai #sidebarBoxSub h3 {
	height: 23px;
	width: 175px;
	margin-top:10px;
	padding-bottom:10px;
	background: url(../img/menu_bg_sub.gif) no-repeat center top;
	font-size:14px;
	font-weight:normal;
	color:#4e6e90;
	vertical-align:middle;
	text-indent:10px;
	line-height:24px;
	
}

.ai #sidebarBoxSub p {
	width: 175px;
	padding-bottom:0px;
	font-size:14px;
	font-weight:normal;
	color:#36C;
	vertical-align:middle;
	text-indent:0px;
	line-height:30px;
}

.ai #mainContent {
	float: left; 
	margin-top:15px;
	margin-left: 10px;
	padding-top:0px;
	padding-bottom:0px;
	width: 550px;
} 

.ai #mainContent h2 {
	width: 550px;
	height: 40px;
	font-size:18px;
	color:#FFFFFF;
	background:url(../img/meincontents_title_bg.gif) no-repeat top; 
	margin-top:0px;
	margin-bottom:5px;
	padding-top:7px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	text-indent: 2em; 
}

.ai #mainContent p {
	margin-top:10px;
	padding-top:3px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	line-height:140%;
}

.ai #mainContent h3.sub {
	width: 550px;
	height: 34px;
	font-size:18px;
	background:url(../img/underline_subtitle.gif) no-repeat top; 
	margin-top:0px;
	margin-bottom:5px;
	padding-top:3px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	text-indent: 1.2em; 
}

.ai #columnBox {
	width:550px;
	background:url(../img/columnBoxin_bg.gif);
	text-align:center;
}

.ai #columnBoxTitle {
	width:530px;
	height:35px;
	background:url(../img/columnTitle_Tdeco.gif);
	text-align:left;
	margin-left:10px;
	margin-right:10px;
}

.ai #columnBox h3 {
	font-size:16px;
	padding-top:10px;
}

.ai #columnBoxText {
	width:530px;
	background:url(../img/columntext_Tdeco.gif);
	text-align:left;
	margin-top:0px;
	margin-left:10px;
	margin-right:10px;
	padding-bottom:10px;
}


.ai #columnBoxText2 {
	width:530px;
	background-color:#ffccff;
	text-align:left;
	margin-top:0px;
	margin-left:10px;
	margin-right:10px;
	padding:10px;
}

.ai #columnBoxText p {
	font-size:14px;
	line-height: 32px;
	display:inline;
	text-indext: 0;
}

.ai #navi {
	height:68px;
	background:url(../img/underline_all.gif) #FFFFFF no-repeat center top;
	text-align:center;
	font-size:12px;
} 
.ai #navi p {
	padding:29px;
}

.ai #navi a {
	text-decoration:none;
	color:#333333;
}

.ai #footer { 
	padding: 10px 0 10px 0;
	background:url(../img/bg_footer.gif) center top;
	text-align:center;
	font-size:12px;
	color:#5b7b9d;
} 
.ai #footer p {
	margin: 0;
	padding: 10px 0;
}

/* 再使用できる各種クラス */
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
--> 
</style><!--[if IE]>
<style type="text/css"> 
/* この条件分岐コメントにすべてのバージョンの IE を対象とした css のフィックスを配置します */
.ai #sidebar1 { padding-top: 30px; }
.ai #mainContent { zoom: 1; padding-top: 0px; }
/* 上述の専用のズームプロパティにより、いくつかのバグを回避するのに必要な hasLayout が IE に対して設定されます */
</style>
<![endif]-->

/*　イメージ関連設定　*/

.ph200{
	width:200px;
	float: left;
	margin:0 20px 6px 0;
	padding-top: 0px;
}

.ph160{
	width:160px;
	float: left;
	margin:0 20px 6px 0;
	padding-top: 0px;
}

.ph146{
	width:146px;
	float: left;
	margin:0 20px 6px 0;
	padding-top: 0px;
}

img.main {
	border: 0;
	float: left;
	padding: 0px 20px 20px 0;
	margin-top: 0px;
}

img.mark {
	border: 0;
	padding-right:5px;
	vertical-align:middle;
}

img.bt {
	margin-bottom:20px;
	padding-bottom: 10px;
}

img {
	border: 0;
}

/*　区切り線　*/

.line_all {
	background:url(../img/underline_main.gif) no-repeat left center;
	padding:50px 0 60px 0;
}

.line_mini {
	background:url(../img/underline_sub.gif) no-repeat left center;
	padding:30px 0 20px 0;
}

/*　テキストボックス　*/

.txtBox_left {
	float:left;
	margin: 50px 0 0 0;
}

.txtBox_light {
	float:right;
	margin: 50px 0 0 0;
}

.btBox {
	padding:10px 0 10px 0;
	text-align:right;
}

/*　リスト関連　*/

dl {
	padding:0;
	margin:0;
}

dt {
	background:url(../img/menu_bg_category.gif) no-repeat;
	height:40px;
	padding-top:0px;
	padding-bottom:10px;
	margin-bottom:0px;
	margin:0;
	text-indent:20px;
	font-size:18px;;
	color:#0000FF;
	font-weight:bold;
	vertical-align: middle;
}

dd{
    display:block;
    background:url(../img/menu_arrow.gif) no-repeat left 8px;
    padding:5px 12px 5px 20px;
    margin:0 0 10px 10px;
    border:none;
    color: #4e6e90;
	text-indent:0px;
	line-height:1.5em;
}

ul{
	list-style:none;
	line-height:145%;
	margin:7px;
	font-size:16px;
    color:#3b3b3b;
}
ul li{
	background:url(../img/y.gif) no-repeat left center;
	padding-left:13px;
}

/* リンク装飾　*/

a {
	text-decoration:underline;
	color:#4e6e90;
}
.red {
	color: #ff0000;
	font-weight: bold;
}
.blue {
	color: #6666ff;
	font-weight: bold;
}
.bold {
	font-weight: bold;
}