@charset "utf-8";

/* 全ページ共通のスタイル指定 */

p {
	line-height:1.5em;
	text-align:justify;
 	text-justify:distribute;
}

/* -------------------------------------------------------------- 
align,valign
-------------------------------------------------------------- */
.alignR { text-align: right !important; }
.alignL { text-align: left !important; }
.alignC { text-align: center !important; }
.valignT { vertical-align: top !important; }
.valignM { vertical-align: middle !important; }
.valignB { vertical-align: bottom !important; }

/* -------------------------------------------------------------- 
ul styles
-------------------------------------------------------------- */
ul.ulstyle01 {
	
}
ul.ulstyle01 li {
	margin:15px;
	border-bottom:1px dotted #FFF;	
	font-size:1.2em;
}
ul.ulstyle01 li div {
	margin-left:30px;
}
ul.ulstyle02 {
	margin:5px 5px 5px 8px;
}
ul.ulstyle02 li {
	background:url(../img/listmark02.gif) no-repeat 0px 8px;
	padding-left:12px;
	color:#444;
}
ul.ulstyle03 {
	
}
ul.ulstyle03 li {
	border:1px solid #CCC;
	padding:5px 0 5px 20px;
	background:url(../img/listmark02.gif) 5px 12px #F4FFE1 no-repeat;
	margin:8px 0;
	line-height:1.5em;
}
ul.ulstyle04 {
	margin:0 10px 10px 30px;
}
ul.ulstyle04 li {
	list-style-type:circle;
	line-height:1.85em;
}
ul.ulstyle05 {
	width:440px;
}
ul.ulstyle05 li {
	list-style-type:none;
	padding:4px 2px;
	border-bottom:1px dotted #111;
}
ul.ulstyle06 {
	border-top:1px solid #039;
	border-bottom:1px solid #039;
	padding:10px;
	height:360px;
	background-color:#8CEDFB;
}
ul.ulstyle06 li {
	float:left;
	width:113px;
	height:160px;
	margin-bottom:30px;
	text-align:center;
}

ul.ulstyle07 {
	margin:15px;
}
ul.ulstyle07 li {
	margin-bottom:7px;
}
ul.ulstyle08 {
	text-align:center;
}
ul.ulstyle08 li {
	border:1px solid #9C9;
	margin-bottom:8px;
	background-color:#FFF;
	height:35px;
}
ul.ulstyle09 {
	border-top:1px solid #963;
	border-bottom:1px solid #963;
	padding:10px;
	height:360px;
	background-color:#FEEAC9;
	margin-bottom:15px;
}
ul.ulstyle09 li {
	float:left;
	width:130px;
	height:100px;
	margin-bottom:30px;
	text-align:center;
}
ul.ulstyle09 li a {
	color:#930;
}
ul.ulstyle10 {
	margin:30px 10px;
}
ul.ulstyle10 li {
	border:1px solid #9C9;
	margin-bottom:20px;
	padding:10px;
	background:url(../img/webdiza_grn.gif) repeat top left #FFF;
	font-weight:bolder;
}
ul.ulstyle11 {
	margin:5px auto;
}
ul.ulstyle11 li {
	float:left;
	width:180px;
	text-align:center;
	margin:15px;
    border-radius: 5px;
    background:#FFFFFF;
    padding:20px;
    font-size: 1.6em;
    font-weight:bold;
}
ul.ulstyle11 li a {
    text-decoration: none;
}

/* -------------------------------------------------------------- 
dl styles
-------------------------------------------------------------- */
dl.dlstyle01 {
	padding:10px;
}
dl.dlstyle01 dt {
   background:url(../img/listmark01.png) no-repeat 0px 10px;
   color:#8a106f;
   font-weight:bold;
   padding-left:25px;
   padding-top:5px;
   padding-bottom:5px;
   border-bottom:2px solid #8a106f;
}
dl.dlstyle01 dd {
   padding-left:22px;
   margin-top:10px;
   margin-bottom:10px;
}
dl.dlstyle02 {
	width:400px;
}
dl.dlstyle02 dt {
   background:url(../img/listmark04.gif) no-repeat 0px 3px;
   color:#F60;
   font-weight:bolder;
   padding-left:18px;
   margin-top:8px;
   border-bottom:1px solid #b5b5b5;
}
dl.dlstyle02 dd {
   padding-left:22px;
   margin-top:5px;
}
dl.dlstyle03 {
	padding:10px;
}
dl.dlstyle03 dt {
   background:url(../img/listmark01.gif) no-repeat 0px 3px;
   color:#F60;
   font-weight:bolder;
   padding-left:18px;
   border-bottom:1px dotted #F60;
   clear:both;
   margin-top:8px;
}
dl.dlstyle03 dd {
   padding-left:22px;
   margin-top:5px;
}
dl.dlstyle04 {
   padding:5px;
   width:300px;
}
dl.dlstyle04 dt {
   background:url(../img/listmark05.gif) no-repeat 4px 8px #069;
   color:#FFF;
   font-weight:bolder;
   padding:3px 0 3px 20px;
   clear:both;
}
dl.dlstyle04 dd {
   padding-left:13px;
   margin-top:5px;
   margin-bottom:8px;
   line-height:1.5em;
   color:#039;
   font-weight:bolder;
}
dl.dlstyle05 {
   padding:5px;
}
dl.dlstyle05 dt {
   background:url(../img/listmark05.gif) no-repeat 4px 8px #069;
   color:#FFF;
   font-weight:bolder;
   padding:3px 0 3px 20px;
}
dl.dlstyle05 dd {
   padding-left:13px;
   margin-top:5px;
   margin-bottom:8px;
   line-height:1.5em;
   color:#039;
   font-weight:bolder;
}
/* -------------------------------------------------------------- 
ol styles
-------------------------------------------------------------- */
ol.olstyle01 {
	border:1px dotted #444;
	padding-left:15px;
	padding-bottom:15px;
	background-color:#FFF;
	
}
ol.olstyle01 li {
	list-style-type:decimal;
	margin-bottom:50px;
	margin:20px;
}

ol.olstyle02 {
	padding-left:50px;
	
}
ol.olstyle02 li {
	list-style-type:decimal;
	margin-bottom:10px;
}

/* -------------------------------------------------------------- 
box styles
-------------------------------------------------------------- */
.boxstyle01 {
	border:1px solid #FFF;
	padding:5px;
	margin:5px;
}
.boxstyle02 {
	border:2px solid #003399;
	background:url(../img/webdiza_blue.gif) repeat #F7FFFF;
	padding:20px;
	margin:10px 50px 30px 50px;
	color:#003399;
	text-align:center;
	font-weight:bolder;
}
.boxstyle03 {
	background-color:#D2FAFD;
	padding:8px;
	border-right:1px solid #003366;
	border-left:1px solid #003366;
	border-bottom:1px solid #003366;
}
.boxstyle04 {
	border:1px solid #936;
	background:url(../img/webdiza_pink.gif) repeat #FFF;
	padding:10px;
	color:#903;
	font-weight:bold;
	margin:15px;
}
.boxstyle05 {
	background-color:#FFFFFF;
	padding:20px;
	margin:20px;
    border-radius: 10px;
}
.boxstyle06 {
	border:1px solid #FC3;
	background:url(../img/webdiza_y.gif) repeat #FFF;
	padding:10px;
	margin-top:20px;
}

/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
	width:90%;
	margin:20px;
}
.ta1, .ta1 td, .ta1 th{
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
	font-size:1.2em;
}
/*テーブル内の右側*/
.ta1 td{
	padding: 10px;
	background-color:#FFF;
	color:#111;
	text-align:center;
}
/*テーブル内の左側*/
.ta1 th{
	width: auto;
	background-color:#E0EAFC;
	color:#000014;
	text-align:center;
}

/*テーブル２
---------------------------------------------------------------------------*/
.ta2 {
	width:90%;
	margin:20px;
}
.ta2, .ta2 td, .ta2 th{
	border: 1px solid #CCC;
	line-height: 2;
	font-size:1.2em;
}
/*テーブル内の右側*/
.ta2 td{
	padding: 10px;
	background-color:#FFF;
	color:#111;
	
}
/*テーブル内の左側*/
.ta2 th{
	width: auto;
	background-color:#F9E3FB;
	color:#000014;
	text-align:center;
}

/*テーブル3
---------------------------------------------------------------------------*/
.ta3 {
	margin: 10px;
}
.ta3, .ta3 td, .ta3 th{
	border: 1px solid #CCC;
	line-height: 2;
	padding:5px 20px;
	text-align:center;
}
/*テーブル内の右側*/
.ta3 td{
	background-color:#FFF;
}
/*テーブル内の左側*/
.ta3 th{
	color:#039;
	font-weight:bold;
	background-color:#C0E8F9;
	width:auto;
}

/* -------------------------------------------------------------- 
other styles
-------------------------------------------------------------- */
.m15 { margin:15px; }
.m5 { margin:5px; }
.mt10 { margin-top:10px; }
.mt30 { margin-top:30px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mr10 { margin-right:10px; }
.ml10 { margin-left:10px; }
.pd4   { padding:4px }
.fleft { float:left; }
.fright { float:right; }
.clearboth { clear:both; }
.photo1 { padding:5px; border:1px solid #999;background-color:#FFF; }
.photo2 { border:1px solid #222; }
.photo4 { padding:5px; background-color:#F93; border:1px solid #FC3; }
.strong { font-weight:bolder; }
.colorred { color:#F00; }
.colororange { color:#F30; }
.colorbrown { color:#630; }
.colorblue { color:#0000FF; }
.colorgreen { color:#360; }
.colorwhite { color:#FFF; }
.fontlarge { font-size:20px; }
.fontsmall { font-size:13px; }
.fontsmall2 { font-size:10px; }
.fontsmall3 { font-size:16px; }
.smallfont { font-size:0.85em; }
.lhnormal { line-height:normal; }
.bggreen { background-color:#A8F7A4; }
.bgorange { background-color:#FCEC9E; }
.bgpink { background-color:#FEE7FD; }
.bgblue { background-color:#B4EFFE; }
.bordergrey { border:1px solid #CCC; }
.txtbox		{ border:1px solid #999; padding:5px; }