@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 %
---------------------------------------------------------------------*/


/*---------------------------------------------------------------------
Page layout
---------------------------------------------------------------------*/
html,body   {height:100%;}
body        {background:#fcf9ed;}


/*---------------------------------------------------------------------
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         {opacity:1; -moz-transition: all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
.opa_bg a:hover   {opacity:0.7; -moz-transition: all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
.trans_bg a        {opacity:1; filter:alpha(opacity=100); -moz-transition: all 0.1s ease-in; -webkit-transition:all 0.1s ease-in;}
.trans_bg a:hover  {opacity:0; filter:alpha(opacity=0); -moz-transition: all 0.1s ease-in; -webkit-transition:all 0.1s ease-in;}


/* txt link */
.dot_link a        {border-bottom:1px dotted #232323;}
.dot_link a:hover  {border-bottom:1px dotted #fcf9ed;}

/* pagetop */
.pagetop  {float:right; background:url(../images/common/ic_pagetop.gif) no-repeat 0 50%; padding-left:20px;}
    .pagetop a  {border-bottom:1px dotted #000;}


/*---------------------------------------------------------------------
Header layout
---------------------------------------------------------------------*/
#header  {background:#f7f4e8; border-bottom:1px solid #ebe7da;}
    #headInner  {width:915px; margin:0 auto; padding:12px 0;}




/*---------------------------------------------------------------------
wrapper layout
---------------------------------------------------------------------*/
#wrapper  {width:915px; margin:0 auto; padding:60px 0 30px 0;}

    #hgroup  {border:1px dotted #c8c6be; background:#fff; width:728px; margin:0 auto 85px auto; text-align:center; padding:40px 0;}
        #hgroup h1  {margin-bottom:35px;}
        #hgroup p   {line-height:200%;}


    #article  {}
        #article h2    {margin-bottom:50px; padding-bottom:25px; text-align:center; border-bottom:1px solid #797979;}
        #articleInner  {padding:0 65px;}
        
        #article .section  {width:375px; margin-bottom:55px;}
            #article .section h3  {margin-bottom:30px;}
            #article .section p   {margin-bottom:20px; line-height:180%;}
            #article .section a   {background:url(../images/common/ic_arrow-d_x2.gif) no-repeat 0 50%; padding-left:5px;}
            #article .section .sec_inner   {padding:0 0 0 10px;}
            #article .section .indent_box  {border-left:2px solid #d2cfc5; padding-left:15px; margin-left:20px;}

            #section01  {}
                #section01 dl  {line-height:200%; margin-bottom:20px;}
                #section01 dt  {font-size:117%;}

            #section03  {}
                #section03 .btnSoT  {border:1px dotted #c8c6be; background:#fff; margin-left:20px; text-align:center; padding:20px 0;}
            
            #section04  {}
                #section04 dt  {margin-bottom:5px;}
                #section04 .hotYokocho  {border:1px dotted #c8c6be; background:#fff; padding:16px 0 16px 35px;}





/*---------------------------------------------------------------------
Footer layout
---------------------------------------------------------------------*/
#footer  {background:#000; padding:15px 0; text-align:center;}