@charset "utf-8";

/*
 *
 * Usage: Base layout
 *
 * Name: style.css
 *
 */

/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	83  %		19px 	158 %
11px 	92  %		20px 	167 %
12px 	100 %		21px 	175 %
13px 	108 %		22px 	183 %
14px 	117 %		23px 	192 %
15px 	125 %		24px 	200 %
16px 	133 %		25px 	208 %
17px 	142 %		26px 	217 %
18px 	150 %
---------------------------------------------------------------------*/


/*---------------------------------------------------------------------
setting
---------------------------------------------------------------------*/
html,body   {height:100%;}


/*---------------------------------------------------------------------
CSS3 animation & parts layout
---------------------------------------------------------------------*/
/* link */
a img         {opacity:1; filter:alpha(opacity=100);  -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in;}
a:hover img   {opacity:0.7; filter:alpha(opacity=70); -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in;}
a             {-moz-transition: all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
a:hover       {-moz-transition: all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
.opa_bg a,
.opa_bg input        {opacity:1; -moz-transition: all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
.opa_bg a:hover,
.opa_bg input:hover  {opacity:0.7; -moz-transition: all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
.trans_bg a          {display:block; overflow:hidden; height:0; opacity:1; filter:alpha(opacity=100); -moz-transition: all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
.trans_bg a:hover    {opacity:0; filter:alpha(opacity=0); -moz-transition: all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}


/*---------------------------------------------------------------------
Page layout
---------------------------------------------------------------------*/
/* header */
#header     {background:url(../images/common/line_dot-x.gif) repeat-x 0 100%; min-width:980px;}
#headInner  {width:980px; margin:0 auto; position:relative;}
    #header h1  {padding:22px 0; float:left; margin-right:25px;}
    #header #bnrMynavi    {position:absolute; top:11px; right:0;}

    #header #gnav  {float:left; margin-top:65px;}
        #header #gnav li  {float:left;}
        #header #gnav a   {padding-top:35px; display:block; overflow:hidden; height:0; text-decoration:none; border-bottom:3px solid transparent;}
        #header #gnav li:hover a   {border-bottom:3px solid #ffee00;}
        #header #gnav a.active     {border-bottom:3px solid #ffee00;}
        #header #gnav .gnav01   {background:url(../images/common/gnavi1.png) no-repeat 0 0; width:61px;}
        #header #gnav .gnav02   {background:url(../images/common/gnavi2.png) no-repeat 0 0; width:95px;}
        #header #gnav .gnav03   {background:url(../images/common/gnavi3.png) no-repeat 0 0; width:91px;}
        #header #gnav .gnav04   {background:url(../images/common/gnavi4.png) no-repeat 0 0; width:180px;}
        #header #gnav .gnav05   {background:url(../images/common/gnavi5.png) no-repeat 0 0; width:149px;}
        #header #gnav .gnav06   {background:url(../images/common/gnavi6.png) no-repeat 0 0; width:90px;}
        #header #gnav .gnav07   {background:url(../images/common/gnavi7.png) no-repeat 0 0; width:74px;}


/* footer */
#footer  {background:url(../images/common/line_dot-x.gif) repeat-x 0 0; padding-top:33px; min-width:980px;}
    #footer #pankuzu  {margin:-66px auto 0 auto; font-size:83%; width:980px; letter-spacing:-.4em; height:33px; padding-top:5px;}
    /* *+html #footer #pankuzu  {margin-bottom:-66px; zoom:1; position:relative; top:-66px;} */
    *+html #footer #pankuzu  {padding-top:10px;} /* ie7 */
    #footer #pankuzu li:not(:target) {line-height:100%\9;} /* ie9 */
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        #footer #pankuzu li  {line-height:100%;}
    }
    
        #footer #pankuzu li   {display:inline; zoom:1; margin-right:10px; letter-spacing:normal; vertical-align:bottom; line-height:12px;}
        #footer #pankuzu a    {background:url(../images/common/ico_arr1.gif) no-repeat 100% 50%; padding-right:10px; display:inline-block; height:12px; line-height:100%; vertical-align:middle;}
        #footer #pankuzu img  {vertical-align:bottom; line-height:100%;}

    #footer #footInner  {margin:30px auto 0 auto; width:980px;}
        #footer #footInner #fnav  {text-align:center; color:#aaa; margin-bottom:30px;}
        #footer #footInner #fnav a:hover,
        #footer #footInner #fnav a.active  {color:#333; background:#ffe100;}

    #footer #footBottom  {padding-bottom:30px;}
        #footer #fLinks  {font-size:83%; float:left;}
            #footer #fLinks li  {float:left; margin-right:20px;}
            #footer #fLinks a   {background:url(../images/common/ico_ext1.gif) no-repeat 0 50%; padding-left:10px;}

        #footer #copyright  {float:right;}


/* contents */
#wrapper    {border-bottom:1px solid #333; margin-bottom:33px; min-width:980px;}
#container  {position:relative; width:980px; margin:0 auto; padding-bottom:5px;}

.btnPagetop  {background:url(../images/common/btn_pagetop_on.gif) no-repeat 0 0; width:61px; margin:0 0 0 auto;}
.btnPagetop a  {padding-top:61px; width:61px; background:url(../images/common/btn_pagetop.gif) no-repeat 0 0;}












/* --- �t�H�[�� --- */
table.mailform {
	width: 980px;
	line-height: 150%;
}

table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	border-bottom: solid 1px #999999;
	padding: 7px 5px 7px 5px;
}
table.mailform tr th {
	width: 150px;
}
table.mailform tr th span {
	color: #CC0000;
	font-size: 10px;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
table.mailform tr td textarea {
	width: 100%;
	height: 120px;
}





p  {font-size:117%; line-height:180%;}