@charset "UTF-8";


/* ■format
-----------------------------------*/

*{
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
}

body{
	color: #000000;
	background-color: #a1bee8;
	line-height: 1.4em;
	letter-spacing: 0.1em;
	text-align: center;
}

h2,h3,h4,h5,h6,em,strong{
	font-weight: bold;
}

a{
color: #5072f0;
border-bottom:solid 1px #5072f0;
}

a:hover{
color:#000000;
}

p{
text-indent: 0.7em;
padding: 0px 1em 0.7em 1em;
}

address{
font-style: normal;
display: inline;
}

img{
border-width: 0;
}

hr{
border: none;
clear: both;
visibility: hidden;
height: 0px;
}

/* ■parts
-----------------------------------*/

div#wrapper{
width: 960px;
height:auto;
text-align: left;
margin: 0 auto;
background-color:#FFFFFF;
}

div#header{
background:url(head.gif);
background-repeat:no-repeat;
height:82px;
font-size:10px;
padding-left:120px;
font-weight:700;
}

div#header h1{
font-weight: bold;
margin-bottom: 10px;
font-weight:700;
}
div#header h1 a{
font-weight: bold;
margin-bottom: 10px;
font-weight:700;
color:#000000;
}

div#menu{
width:960px;
height:auto;
}

div#menu dl{
width:960px;
height:auto;
}

div#menu li{
float: left;
}

div#menu li a{
display: block;
width: 152px;
height:auto;
text-align: center;
font-size: 1.2em;
font-weight: bold;
padding-top: 10px;
padding-bottom:3px;
background-image: url('img/fts009_menu_bg.jpg');
background-repeat: repeat-x;
background-position: center -50px;
color:#EEEEEE;
}

div#menu li a:hover{
color: #000000;
background-position: center -20px;
}


div#sub{
width:240px;
height:auto;
float: right;
padding-top:20px;
padding-bottom:30px;
}

div#sub-menu{
width:240px;
height:auto;
}

div#sub-menu ul{
margin: 0px 10px 30px 0px;
padding: 10px 5px;
border-width: 1px;
border-color: #CCCCCC;
border-style: solid;
background-color: #ffffff;
}


div#sub-menu li{
background-color:#FFFFFF;
background:url(./tab2.gif);
background-repeat:no-repeat;
}

div#sub-menu li a{
display: block;
width:auto;
height:2.0em;
font-size: 1.0em;
font-weight: bold;
margin:5px 0px;
padding:15px 0px 0px 35px;
color:#111111;
}

div#sub-menu li a:hover{
background-image:url(tab.gif);
background-repeat: no-repeat;
background-position: center top;
color:#ffffff;
}

div#sub-menu li .on{
background-image:url(tab.gif);
background-repeat: no-repeat;
background-position: center top;
color:#ffffff;
}

div.message{
width:240px;
height:auto;
}

div.message dl{
margin: 0px 10px 30px 0px;
border-width: 1px;
border-color: #CCCCCC;
border-style: solid;
}


div.message dt{
font-weight: bold;
border-bottom: 1px solid #CCCCCC;
padding:10px 10px 3px 10px;
background-color: #FAFAFA;
}

div.message dd{
padding:5px 10px 5px 10px;
line-height:1.7em;
}

div.message p{
text-indent: 0px;
padding-left: 0px;
padding-right: 0px;
}

div#content{
width: 720px;
height:auto;
float:left;
}

div#content a:hover{
border-bottom: 1px solid #666666;
}

div#image{
width: 700px;
height: 300px;
background-image: url('img/fts009_top.jpg');
background-repeat:no-repeat;
margin:20px 10px 0px 10px;
}

span#catchy{
padding: 1px;
}

div#content h2{
font-size: 1.4em;
font-weight: bold;
margin: 40px 20px 10px 10px;
padding: 5px 5px 3px 1em;
border:1px solid #a1bee8;
background:#a1bee8;
}

div#content li{
padding: 0px 0px 10px 0px;
margin-left:100px;
list-style-image:url("http://www.2hanpro.com/img/list2.gif");
background-repeat: no-repeat;
background-position: 1em 5px;
}

div#content dt{
padding: 10px 1em 0px 1em;
}

div#content dd{
padding: 0px 1em 3px 2em;
}

.clear	{clear:both;}

div#footer{
width:960px;
height:auto;
border-top-width: 5px;
border-top-color: #BBBBBB;
border-top-style: solid;
clear: both;
background-color:#FFFFFF;
padding-top:5px;
text-align:right;
margin-top:100px;
}

div#footer address{
padding-right:10px;
}


h3{
margin: 0px 20px 10px 20px;
padding:10px;
border-width: 0px 0px 1px 20px;
border-color: #4872b6;
border-style: solid;
}


.red{color:#ee2222;font-weight:700;}
.blue{color:#2222ee;font-weight:700;}
.bold{font-weight:700;}

.red2{color:#ee2222;font-weight:700;background:#ffff00;}
.red2{color:#ee2222;font-weight:700;background:#ffff00;}
.blue2{color:#2222ee;font-weight:700;background:#ffff00;}

.bold2{font-weight:700;background:#ffff00;}


/* 次のページへ・前のページへ装飾 */
#FOOTER{margin-top:250;font-weight:700; clear:both;text-align:center;border-top:solid 1px #cccccc;}
#FOOTER ul{list-style-type:none; text-align:center;padding:15px; }


#FOOTER a{padding:10px;display:inline;height:20px;}


#FOOTER a:hover{padding:10px;display:inline;height:20px;color:#000000;}


.clear	{clear:both;}

h2 a {font-weight:700;color:#000000;}




























div#sub-menu2{
width:240px;
height:auto;
}

div#sub-menu2 ul{
margin: 0px 10px 30px 0px;
padding: 10px 5px;
border-width: 1px;
border-color: #CCCCCC;
border-style: solid;
background-color: #ffffff;
}


div#sub-menu2 li{
background-color:#FFFFFF;
background:url(./tab_2.gif);
background-repeat:no-repeat;
}

div#sub-menu2 li a{
display: block;
width:auto;
height:2.0em;
font-size: 1.0em;
font-weight: bold;
margin:5px 0px;
padding:15px 0px 0px 35px;
color:#111111;
}

div#sub-menu2 li a:hover{
background-image:url(tab_22.gif);
background-repeat: no-repeat;
background-position: center top;
color:#ffffff;
}

div#sub-menu2 li .on{
background-image:url(tab_22.gif);
background-repeat: no-repeat;
background-position: center top;
color:#ffffff;
}








/*
hover
-------------------------------------------------------------------*/
#tria_button ul 
{background-repeat: repeat-x; background-position: 0 0; position:relative; height:100px; margin: 0; padding: 0; }

#tria_button li 
{
list-style-type:none;
float: left;
margin:0px;
padding:0px;
background-repeat:no-repeat;
}

#tria_button li a 
{
display: block;
width: 550px;
height: 100px;
background-position: 0 -100px;
background-repeat: no-repeat;
text-decoration: none;
text-indent: -9999em;
margin:0px;
padding:0px;
background-repeat:no-repeat;
}







/*
hover
-------------------------------------------------------------------*/
#tria_button li#tria_button_01
{
background-image: url(http://www.2hanpro.com/button_tria.gif);
background-repeat:no-repeat;
width:550px;
height:100px;
}

#tria_button li#tria_button_01 a 
{
background-image: url(http://www.2hanpro.com/button_tria.gif);
background-repeat:no-repeat;
width:550px;
height:100px;
}

#tria_button li a:hover 
{
background-position: 0 0px;
background-repeat:no-repeat;
}

#tria_button li a.on 
{
background-position: 0 0px;
background-repeat:no-repeat;}








/*
hoverで画像を切り替える
-------------------------------------------------------------------*/
#button_20101109 ul 
{background-repeat: repeat-x; background-position: 0 0; position:relative; height:100px; margin: 0; padding: 0; }

#button_20101109 li 
{
list-style-type:none;
float: left;
margin:0px;
padding:0px;
}

#button_20101109 li a 
{
display: block;
width: 550px;
height: 100px;
background-position: 0 -100px;
background-repeat: no-repeat;
text-decoration: none;
text-indent: -9999em;
margin:0px;
padding:0px;
}







/*
hoverで画像を切り替える。
-------------------------------------------------------------------*/
#button_20101109 li#button_20101109_01
{
background-image: url(http://www.2hanpro.com/img/button02.gif);
background-repeat:no-repeat;
width:550px;
height:100px;
}

#button_20101109 li#button_20101109_01 a 
{
background-image: url(http://www.2hanpro.com/img/button02.gif);
background-repeat:no-repeat;
width:550px;
height:100px;
}




#button_20101109 li a:hover 
{
background-position: 0 0px;
}

#button_20101109 li a.on 
{
background-position: 0 0px;
}




/*
hoverで画像を切り替える
-------------------------------------------------------------------*/
#dovaaa ul 
{background-repeat: repeat-x; background-position: 0 0; position:relative; height:300px; margin: 0; padding: 0; }

#dovaaa li 
{
list-style-type:none;
float: left;
margin:0px;
padding:0px;
}

#dovaaa li a 
{
display: block;
width: 630px;
height: 300px;
background-position: 0 -300px;
background-repeat: no-repeat;
text-decoration: none;
margin:0px;
padding:0px;
}

/*
hoverで画像を切り替える　リストリンクを増やす場合には、　「#dovaaa li#dovaaa_01」←末尾の_01の数字を連番で増やして下さい。_01・_02・_03という具合で増やして下さい。
-------------------------------------------------------------------*/
#dovaaa li#dovaaa_01
{
background-image: url(http://www.2hanpro.com/img/dovaaa.gif);
background-repeat:no-repeat;
width:630px;
height:300px;
}

#dovaaa li#dovaaa_01 a 
{
background-image: url(http://www.2hanpro.com/img/dovaaa.gif);
background-repeat:no-repeat;
width:630px;
height:300px;
}

#dovaaa li a:hover 
{
background-position: 0 0px;
}

#dovaaa li a.on 
{
background-position: 0 0px;
}