@charset "utf-8";
/********************************************************** サイト共通 */

* {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-style: normal;
	font-size:100%;
	list-style-type: none;
}

body{
	width:450px;
	padding: 0px 0px 0px 10px;
	font-family: "MS UI Gothic", verdana, 'trebuchet ms', sans-serif;
	font-size:small;
	line-height:100%;
	color: #333333;
}
p{line-height:150%;}
/* link color all */
a{color: #000099;text-decoration:  none;}
a:link{color: #000099;text-decoration:  none;}
a:visited{color: #000099; text-decoration: none;}
a:active{color: #000099;text-decoration: none;}
a:hover{color: #FF6600;text-decoration: underline;}

img { border: none;}
a img { border: none;}

hr { display:none;}

/* dot hr top */
.dot{
	background-image: url(../images/dot.gif);
	background-repeat: repeat-x;
}
/* dot hr bottom */
.dotb{
	background-image: url(../images/dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.floatL{ float:left;}
.floatR{ float:right;}
.clr{
	clear: both;
	font-size:0px;
	line-height:0px;
	margin: 0px;
	padding: 0px;
}
.clear{
	clear: both;
}

/* テキストそろえ */
.txtcenter{ text-align:center;}
.txtright{ text-align:right;}
.txtleft{ text-align:left;}

.xs{ font-size:x-small;}
.s{ font-size:small;}
.m{ font-size:medium;}

.red01{ color:#992A2A;}
.red02{ color:#B81010;}
.red03{ color:#CD2412;}
.blue01{ color: #24305E;}

.arrow05{
	background-image: url(../images/arrow_05.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 2px 0px 2px 10px;
}

.indent00{
	text-indent: -1em;
	padding-left:1em;
}
.indent01{
	text-indent: 1em;
}


/********************************************************** main */

/* メインぶぶん幅と余白設定 */
#main{
	float:left;
	width:550px;
	padding: 0px 0px 20px 0px;
}
#main2{
	float:left;
	width:570px;
	padding: 0px 0px 0px 0px;
}
/********************************************************** サブページいか　共通 */
/* h2、h3、h4は全ページで共通デザインなので、別スタイルを設定する時は注意 */

/* オレンジいろおびぶぶん */
h2{
	margin: 0px 0px 20px 0px;
}
/* タイトルぶぶん */
h3{
	margin: 0px 0px 0px 0px;
}
/* オレンジラインのせつめいぶぶん */
.h3exp{
	border-bottom: 2px solid #FF8A00;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px!important;
}
/* ひだりにオレンジいろせん */
h4{
	font-size:medium;
	border-left: 5px solid #FFCC00;
	margin: 15px 0px 15px 0px;
	padding: 5px 0px 5px 10px;
	line-height:110%;
}
/* 余白 */
.pad00{padding-bottom: 0px!important;}
p.pad01{ padding: 0px 0px 15px 0px;}
.pad02{ padding: 10px;}
.pad03{ padding: 20px 0px 20px 0px;}
.pad04{ padding: 0px 0px 5px 0px;}
.pad05{ padding: 0px 0px 10px 0px;}
.pad06{ padding: 3px 0px 10px 0px;}
.pad07{ padding: 0px 0px 0px 25px;}

.mar01{ padding: 0px 0px 10px 0px;}
.mar02{ padding: 10px 0px 0px 0px;}

/* がぞう　 */
.imgleft{
	float: left;
	margin: 0px 10px 10px 0px;
}
.imgright{
	float: right;
	margin: 0px 0px 10px 10px;
}
.imgrightw{
	float: right;
	margin: 0px 0px 20px 10px;
}


/********************************************************** きょうつうぶひん */
/* トップへ */
p.totop{
	text-align:right;
	padding: 5px 0px 20px 0px!important;
}
p.totop a{
	background-image: url(../images/arrow_03.gif);
	background-repeat: no-repeat;
	padding: 2px 0px 2px 20px;
	background-position: 0px 2px;
}
/* よろこびのこえ */
#voicebtn{
	margin: 30px 0px 0px 0px!important;
	padding: 0px 0px 30px 0px!important;
	background-image: url(../images/voice_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 28px;
}
#voicebtn p{
	padding: 8px 0px 0px 0px!important;
	text-align:center;
}
#voicebtn p img{
	vertical-align:middle;
	margin: 0px 4px 0px 0px;
}

/* といあわせぼたん */
.botton{
	text-align: center;
	padding: 10px 0px 0px 0px;
}

.bgcolor01{background-color:#F8E8C5;}
.bgcolor02{background-color:#E2EFCE;}
.bgcolor03{ background-color:#F1B8B2}
.bgcolor04{ background-color:#C2E0C9}
.bgcolor05{ background-color:#C2CFE0}


/********************************************************** rightmenu */
/* 右側全体幅設定 */
#right{
	float:right;
	width:160px;
}
/* 右側メニューぶぶんのグレーのボーダー */
#rightmenu{
	width:150px;
	margin: 0px 0px 10px 0px;
	padding: 4px 4px 4px 4px;
	border: 1px solid #999999;
}
/* 右メニュー上のタイトルぶぶん */
#rightmenu p.menutitle{
	margin: 0px 0px 0px 0px;
}
#rightmenu ul{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	border-bottom: 1px solid #999999;
	width:150px;
}
#rightmenu li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#rightmenu ul li a{
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 4px 0px;
	display:block;
	width:132px;
}
/* グレーはいけい */
#rightmenu li a.gray{background-image: url(../images/leftmenu.gif);}
/* グレーはいけいマウスオーバー */
#rightmenu li a.gray:hover{background-image: url(../images/leftmenu_over.gif);}
/* かれんとはいけい */
#rightmenu li a.current{color: #FF6000; background-image: url(../images/leftmenu_cur.gif)!important;}
/* かれんとはいけい */
#rightmenu li a.current01{ background-image: url(../images/leftmenu_cur.gif)!important;}

/* いれこぶぶん　きいろはいけい　あおあいこん */
#rightmenu li ul{
	background-image: url(../images/leftmenu_03.gif);
	background-repeat: no-repeat;
	padding: 2px 0px 0px 0px;
	border-bottom: none;
}
#rightmenu li li a{
	background-image: url(../images/leftmenu_02.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 4px 33px;
	width:117px;
}
/* いれこぶぶんマウスオーバー */
#rightmenu li li a:hover{background-image: url(../images/leftmenu_02.gif);}

/* いれこぶぶんかれんとはいけい */
#rightmenu li li a.current02{color: #FF6000;!important;}

/*サイトないリンク*/
.linkinsite li{
	margin: 5px 0px 22px 5px!important;
	padding: 0px 0px 0px 10px!important;
	border-left: 7px solid #78CBE5;
	line-height:150%;
}

.linkinsite li strong{
	padding: 0px 0px 0px 15px!important;
	font-size: medium!important;
	font-weight: normal;
	background-image: url(../images/arrow_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

/*サイトがいリンク*/
.linkoutsite li{
	margin: 5px 0px 22px 5px!important;
	padding: 0px 0px 0px 10px!important;
	border-left: 7px solid #78CBE5;
	line-height:150%;
}

.linkoutsite li strong{
	padding: 0px 0px 0px 15px!important;
	font-size: medium!important;
	font-weight: normal;
	background-image: url(../images/arrow_04.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

/*動画のフォーマットの背景*/

.bg01{
	background-image: url(../images/t04.gif);
	background-repeat: repeat-y;
}
.bg02{
	background-image: url(../images/t02.gif);
	background-repeat: repeat-x;
}
.bg03{
	background-image: url(../images/t06.gif);
	background-repeat: repeat-y;
}
.bg04{
	background-image: url(../images/t08.gif);
	background-repeat: repeat-x;
}

/* how_to/flow/index.html */

.linkinsite02 li{
	margin: 5px 0px 22px 8px!important;
	padding: 0px 0px 0px 10px!important;
	line-height:150%;
}

.linkinsite02 li strong{
	padding: 0px 0px 0px 15px!important;
	font-size: medium!important;
	font-weight: normal;
	background-image: url(../images/arrow_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
table.tablelist {
	width: 450px;
	margin: 0px 0px 20px 10px;
}
table.tablelist td{
	padding: 5px 10px 5px 3px;
	line-height:130%;
}
table.tablelist td.arrow01{
	padding: 5px 10px 5px 20px;
	background-image: url(../images/arrow_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}


table.tablelist td.arrow04{
	padding: 5px 10px 5px 0px;
	background-image: url(../images/arrow_04.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}


.wi430{
	width: 430px;
}