@charset "utf-8";

/*
 *
 * Usage: KODAWARI page layout
 *
 * Name: kodawari.css
 *
 */


/*---------------------------------------------------------------------
kodawari layout
---------------------------------------------------------------------*/
#kodawariNav  {margin-bottom:35px;}
    #kodawariNav li  {float:left; margin:0 15px 15px 0;}
    #kodawariNav a   {display:block; overflow:hidden; height:0; padding-top:15px;}
    
    #kodawariNav .knav01  {background:url(../images/kodawari/btn_kodawari01_on.gif) no-repeat 0 0; width:110px;}
    #kodawariNav .knav02  {background:url(../images/kodawari/btn_kodawari02_on.gif) no-repeat 0 0; width:122px;}
    #kodawariNav .knav03  {background:url(../images/kodawari/btn_kodawari03_on.gif) no-repeat 0 0; width:127px;}
    #kodawariNav .knav04  {background:url(../images/kodawari/btn_kodawari04_on.gif) no-repeat 0 0; width:110px;}
    #kodawariNav .knav05  {background:url(../images/kodawari/btn_kodawari05_on.gif) no-repeat 0 0; width:161px;}
    #kodawariNav .knav06  {background:url(../images/kodawari/btn_kodawari06_on.gif) no-repeat 0 0; width:122px;}
    #kodawariNav .knav07  {background:url(../images/kodawari/btn_kodawari07_on.gif) no-repeat 0 0; width:155px;}
    
    #kodawariNav .knav01 a  {background:url(../images/kodawari/btn_kodawari01.gif) no-repeat 0 0;}
    #kodawariNav .knav02 a  {background:url(../images/kodawari/btn_kodawari02.gif) no-repeat 0 0;}
    #kodawariNav .knav03 a  {background:url(../images/kodawari/btn_kodawari03.gif) no-repeat 0 0;}
    #kodawariNav .knav04 a  {background:url(../images/kodawari/btn_kodawari04.gif) no-repeat 0 0;}
    #kodawariNav .knav05 a  {background:url(../images/kodawari/btn_kodawari05.gif) no-repeat 0 0;}
    #kodawariNav .knav06 a  {background:url(../images/kodawari/btn_kodawari06.gif) no-repeat 0 0;}
    #kodawariNav .knav07 a  {background:url(../images/kodawari/btn_kodawari07.gif) no-repeat 0 0;}


#kodawariPoint  {}
    #kodawariPoint .point  {position:relative; clear:both;}
        #kodawariPoint .point p  {line-height:200%;}
    
    #kodawariPoint #kodawari01  {margin:0 0 78px -67px;}
        #kodawariPoint #kodawari01 .kodawari_title  {float:right;}
        #kodawariPoint #kodawari01 .kodawari_img    {float:left;}
        #kodawariPoint #kodawari01 .kodawari_txt    {position:absolute; top:90px; left:415px; width:190px;}
    
    #kodawariPoint #kodawari01_2  {margin:0 0 75px 35px;}
        #kodawariPoint #kodawari01_2 .kodawari_title  {float:left; margin-right:12px;}
        #kodawariPoint #kodawari01_2 .kodawari_img    {float:right; margin-top:45px;}
        #kodawariPoint #kodawari01_2 .kodawari_txt    {float:left; width:300px; margin-top:80px;}
    
    #kodawariPoint #kodawari02  {margin:0 0 70px 0;}
        #kodawariPoint #kodawari02 .kodawari_title  {float:right;}
        #kodawariPoint #kodawari02 .kodawari_box    {float:left; width:575px; padding-top:50px;}
        #kodawariPoint #kodawari02 .kodawari_img    {margin-bottom:10px;}
        #kodawariPoint #kodawari02 .kodawari_txt    {width:555px;}
    
    #kodawariPoint #kodawari02_2  {margin:0 0 60px 30px;}
        #kodawariPoint #kodawari02_2 .kodawari_title  {float:left;}
        #kodawariPoint #kodawari02_2 .kodawari_img    {float:left; margin:90px 45px 0 0;}
        #kodawariPoint #kodawari02_2 .kodawari_txt    {float:right; width:220px; margin-top:90px;}
    
    #kodawariPoint #kodawari02_3  {margin:0 0 0 30px;}
        #kodawariPoint #kodawari02_3 .kodawari_title  {float:left; margin-right:20px;}
        #kodawariPoint #kodawari02_3 .kodawari_img    {float:right; margin:100px 0 0 0;}
        #kodawariPoint #kodawari02_3 .kodawari_txt    {float:left; width:300px; margin-top:100px;}
    
    #kodawariPoint #kodawari03  {margin:0 0 100px 0;}
        #kodawariPoint #kodawari03 .kodawari_title  {position:absolute; top:-50px; left:290px;}
        #kodawariPoint #kodawari03 .kodawari_img    {position:absolute; top:80px; float:left;}
        #kodawariPoint #kodawari03 .kodawari_txt    {float:right; width:230px; margin-top:45px;}
    
    #kodawariPoint #kodawari04  {margin:0 0 50px 10px;}
        #kodawariPoint #kodawari04 .kodawari_title  {position:absolute; top:0; right:0;}
        #kodawariPoint #kodawari04 .kodawari_img    {float:right;}
        #kodawariPoint #kodawari04 .kodawari_txt    {position:absolute; top:0; left:0; width:300px;}

    #kodawariPoint #kodawari05  {margin:0 0 40px 12px;}
        #kodawariPoint #kodawari05 .kodawari_title  {float:right; margin-left:-30px; position:relative; z-index:99;}
        #kodawariPoint #kodawari05 .kodawari_box    {float:left; width:535px; padding-top:40px;}
        #kodawariPoint #kodawari05 .kodawari_img    {margin:-35px -45px 0 0;}
        #kodawariPoint #kodawari05 .kodawari_txt    {position:relative; z-index:99;}

    #kodawariPoint #kodawari06  {margin:0 0 20px 12px;}
        #kodawariPoint #kodawari06 .kodawari_title  {float:left; margin-right:20px;}
        #kodawariPoint #kodawari06 .kodawari_img    {float:right; margin:40px 0 0 0;}
        #kodawariPoint #kodawari06 .kodawari_txt    {float:left; width:290px; margin-top:45px;}
    
    #kodawariPoint #kodawari07  {}
        #kodawariPoint #kodawari07 .kodawari_title  {float:right;}
        #kodawariPoint #kodawari07 .kodawari_box    {float:left; width:480px; padding-top:40px;}
        
        #kodawariPoint #kodawari07 .read            {margin-bottom:45px;}
        #kodawariPoint #kodawari07 .hinsitsu        {clear:both; margin-bottom:70px;}
        #kodawariPoint #kodawari07 h4               {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #797979;}
        #kodawariPoint #kodawari07 .hinsitsu_inner  {padding-left:10px;}
        #kodawariPoint #kodawari07 ul               {margin-left:15px;}
        #kodawariPoint #kodawari07 li               {list-style:disc; margin-bottom:15px; font-weight:bold;}
        #kodawariPoint #kodawari07 li p             {font-weight:normal;}