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

/*---------------------------------
		BaseCSS
---------------------------------*/

/* header */

#header div.TopImage { position:relative; height:230px; background-image:url(img/top_image_bg.jpg); background-position:left top; background-repeat:no-repeat;}
#header div.TopImage img {}
#header div.TopImage img.button01 { position:absolute; left:671px; top:0;}
#header div.TopImage img.button02 { position:absolute; left:671px; top:70px;}
#header div.TopImage img.button03 { position:absolute; left:671px; top:140px;}

/* container */
#container {}

#left { display:inline; float:left; width:635px; margin:10px 0 20px 15px;}
#right { display:inline; float:right; width:220px; margin:10px 20px 20px 0;}

div.FootBack { text-align:right;} 
div.FootBack a { text-align:right;} 

/* left */
#left div.article {}
#left div.article h2 {}
#left div.article h2.Nontext {}
#left div.article div.text { margin:10px 0; font-size:80%;}

#left div.type01 {}
#left div.type01 h2 { position:relative; padding:0 0 0 13px; background-image:url(img/left_h3_type01.png); background-position:left top; background-repeat:no-repeat; height:28px; color:#FFFFFF; line-height:1.6;}
#left div.type01 h2 span.sub { position:absolute; bottom:2px; right:5px; font-size:70%; font-weight:normal;}
#left div.type01 h2.Nontext {}
#left div.type01 div.text {}
#left div.type01 div.text div.box01 { width:208px; height:200px; display:inline; background-position:left top; background-repeat:no-repeat;}
#left div.type01 div.text div.box01 h3 { text-indent:-9999px;}
#left div.type01 div.text div.box01 p { margin:90px 10px 0 10px; font-size:90%;}
#left div.type01 div.text div.box01 {}

#left div.type02 {}
#left div.type02 h2 {}
#left div.type02 h2.Nontext {}
#left div.type02 div.text {}


/* right */
#right div.article { margin:10px 0;}
#right div.article h2 {}
#right div.article h2.Nontext {}
#right div.article div.text { font-size:80%;}

#right div.type01 {}
#right div.type01 h2 {}
#right div.type01 h2.Nontext { height:25px;}
#right div.type01 div.text {}
#right div.type01 div.text div.detail { margin:5px;}
#right div.type01 div.text div.detail a { padding:0 0 0 20px; background-image:url(img/icon/arrow01.png); background-position:left 50%; background-repeat:no-repeat;}

#right div.type02 { background-color:#F0F0F0;}
#right div.type02 h2 { height:34px;}
#right div.type02 h2.Nontext {}
#right div.type02 div.text { margin:0 5px;}
#right div.type02 div.text div.detail { margin:5px;}
#right div.type02 div.text div.detail a { padding:0 0 0 20px; background-image:url(img/icon/arrow01.png); background-position:left 50%; background-repeat:no-repeat;}

#right div.type03 {}
#right div.type03 h2 { height:31px;}
#right div.type03 h2.Nontext {}
#right div.type03 div.text { margin:0 5px;}
#right div.type03 div.text div.detail { margin:5px;}
#right div.type03 div.text div.detail a { padding:0 0 0 20px; background-image:url(img/icon/arrow01.png); background-position:left 50%; background-repeat:no-repeat;}

#right ul.RightType01 {}
#right ul.RightType01 li { padding:5px; border-bottom:#333333 dotted 1px;}
#right ul.RightType01 li h3 { color:#3567A1;}
#right ul.RightType01 li p {}
#right ul.RightType01 li div.detail {}
#right ul.RightType01 li div.detail a { padding:0 0 0 20px; background-image:url(img/icon/arrow01.png); background-position:left 50%; background-repeat:no-repeat;}
#right ul.RightType01 {}
#right ul.RightType01 {}

#right ul.RightType02 {}
#right ul.RightType02 li { padding:10px 0; border-bottom:#000000 dotted 1px;}
#right ul.RightType02 li div.thumb { float:left; display:inline; margin:0 10px 0 0;}
#right ul.RightType02 li div.thumb img {}
#right ul.RightType02 li h3 {}
#right ul.RightType02 li p {}
#right ul.RightType02 {}
#right ul.RightType02 {}

/*---------------------------------
		PageCSS
---------------------------------*/

ul.Toptype01 {}
ul.Toptype01 li { padding:0 0 0 20px; background-position:left top; background-repeat:no-repeat;}
ul.Toptype01 li.no1 { background-image:url(img/icon/toptype01_01.jpg);}
ul.Toptype01 li.no2 { background-image:url(img/icon/toptype01_02.jpg);}
ul.Toptype01 li.no3 { background-image:url(img/icon/toptype01_03.jpg);}
ul.Toptype01 li div.thumb { float:right; display:inline; margin:0 0 0 10px;}
ul.Toptype01 li div.thumb img { border:#000000 solid 1px;}
ul.Toptype01 li {}
ul.Toptype01 li h3 { margin:10px; font-weight:normal; font-size:120%;}
ul.Toptype01 li p { margin:10px;}
ul.Toptype01 li div.detail { margin:10px;}
ul.Toptype01 li div.detail a { padding:0 0 0 15px; background-image:url(img/icon/arrow01.png); background-position:left 50%; background-repeat:no-repeat;}
ul.Toptype01 {}

ul.Toptype02 {}
ul.Toptype02 li { padding:0; border-bottom:#000000 dotted 1px;}
ul.Toptype02 li div.thumb { float:left; display:inline; margin:0 10px 5px 0; background-image:url(img/toptype02_thumb_bg.jpg); background-position:left top; background-repeat:no-repeat;}
ul.Toptype02 li div.thumb img { margin:7px 5px 5px 4px;}
ul.Toptype02 li h3 { margin:5px; font-size:110%; color:#3567A1;}
ul.Toptype02 li p { margin:5px;}
ul.Toptype02 li div.detail { margin:5px;}
ul.Toptype02 li div.detail a { padding:0 0 0 15px; background-image:url(img/icon/arrow01.png); background-position:left 50%; background-repeat:no-repeat;}
ul.Toptype02 li div.customer { font-size:85%;}

ul.Toptype03 {}
ul.Toptype03 li { padding:8px 0; border-bottom:#000000 dotted 1px;}
ul.Toptype03 li div.thumb {}
ul.Toptype03 li div.thumb img.fL { margin:7px 20px 7px 0;}
ul.Toptype03 li div.thumb img.fR { margin:7px 0 7px 20px;}
ul.Toptype03 li h3 { margin:0 5px; padding:0; font-weight:normal; font-size:120%;}
ul.Toptype03 li p { margin:5px;}
ul.Toptype03 li div.detail { margin:5px;}
ul.Toptype03 li div.detail a { padding:0 0 0 15px; background-image:url(img/icon/arrow01.png); background-position:left 50%; background-repeat:no-repeat;}




#Page {}