/* <!-- */



	/* General styles */



    body {



        margin:0;



        padding:0;



        border:0;			/* This removes the border around the viewport in old versions of IE */



        width:100%;



        background:#fff;



        min-width:1000px;    /* Minimum width of layout - remove line if not required */



							/* The min-width property does not work in old versions of Internet Explorer */



		font-size:85%;



		color:#333333;



	    font-family: Arial, Helvetica, sans-serif;



	    line-height:1.4;		



    }

	img.auto { 

	    max-width: 100%; 

	    height: auto; 

	} 

	a {



    	color:#369;



		text-decoration:none;



	}



	a:hover {



		color:#369;



		text-decoration:underline;



	}



	a:hover img.hoverimg{

		opacity:0.6;

		filter:alpha(opacity=80);

		-ms-filter: “alpha( opacity=80 )”;

	}



    h1, h2, h3 {



        margin:1.6em 0 .8em 0;



        padding:0;



		font-size:100%;



    }



	h2 {



		background: #eee;



		margin-top: 2em;



		border-bottom: 2pt solid #369;



    }



	h2.red {



		color: #cc0000;



		background: #eee;



		border-bottom: 2pt solid #cc0000;



    }



	h2.green {



		background: #eee;



		border-bottom: 2pt solid #339900;



    }



	h2.redline {



		color: #cc0000;



		background: #fff;



		border-bottom: 2pt solid #cc0000;



    }



	h2.testimonial{

    position: relative;

    padding: 0.8em;

    margin: 3 0 1.5em;

    color: #333;

    background: #fff;

    text-shadow: 1px 1px 0 #fff, 1px 1px 0 #999;

    border: #cc0000 solid 2px;

    background-image: -webkit-gradient(linear, left top, right bottom,

        from(           rgba(255, 255, 255, 0.0)), 

        color-stop(0.4, rgba(255, 255, 255, 0.0)), 

        color-stop(0.4, rgba(0, 0, 0, 0.1)), 

        color-stop(0.6, rgba(0, 0, 0, 0.1)), 

        color-stop(0.6, rgba(255, 255, 255, 0.0)),

        to(             rgba(255, 255, 255, 0.0))

        );

    background-image: -webkit-linear-gradient(top -45deg,

        transparent 40%,

        rgba(0, 0, 0, 0.1) 40%,

        rgba(0, 0, 0, 0.1) 60%,

        transparent 60%

            );

    background-image: -moz-linear-gradient(top -45deg,

            transparent 40%,

        rgba(0, 0, 0, 0.1) 40%,

        rgba(0, 0, 0, 0.1) 60%,

        transparent 60%

            );

    background-image: -o-linear-gradient(top -45deg,

            transparent 40%,

        rgba(0, 0, 0, 0.1) 40%,

        rgba(0, 0, 0, 0.1) 60%,

        transparent 60%

            );

    background-image: linear-gradient(to bottom -45deg,

            transparent 40%,

        rgba(0, 0, 0, 0.1) 40%,

        rgba(0, 0, 0, 0.1) 60%,

        transparent 60%

            );

    background-size:4px 4px;

	}

 

	h2.testimonial:before{

    content: " ";

    position: absolute;

    top: 100%;

    left: 24px;

    width: 0;

    height: 0;

    border-width: 12px;

    border-style: solid;

    border-color: transparent;

    border-top-color: #cc0000;

	}

 

	h2.testimonial:after{

    content: " ";

    position: absolute;

    top: 100%;

    left: 28px;

    width: 0;

    height: 0;

    border-width: 8px;

    border-style: solid;

    border-color: transparent;

    border-top-color: #F0F0F0;

    z-index:1;

	}



    p {



        margin:.8em 0 .8em 0;



        padding:.2em 0;



    }



	p.clear {



	    clear: both;

	}

	p.small {



	    font-size: 85%;



    	color:#369;



	}



	p.smallblack {



	    font-size: 85%;



    	color:#333333;



	}



	p.red {



    	color:#CC0000;



        text-align:center;



	}



	b.red {



    	color:#CC0000;



	}



	span.red {



    	color:#CC0000;



	}

	

	span.small_blue {



	    font-size: 85%;



    	color:#369;



	}





	span.orange-b {



    	color:#CC3300;



	}



	span.blue-b {



    	color: #369;



	    font-weight:bold;



 	}



	b.blue {



    	color:#369;



		border-bottom: 1pt solid #369;



	}



	b.blue01 {



    	color:#369;



	}



    fieldset {



        margin:1.6em 0 .8em 0;



        padding:1em; 



    }



	table   {



        border-collapse:collapse;



        border:1px solid #000;



/*      margin-left:auto;



        margin-right:auto; */



        width:auto;



        margin-bottom:2em;



	}



	table.hyo_02   {



        width:400px;        



	}



	table.point   {



        background-color: #ffffff;



        border-color: #FF6600;



        border-style: dotted;



        border-width: 3px;

	}

	



	th.green {



		background-color: #99cc00;



	}



	td      {



        border:1px solid #000;



        padding:0.3em;



        font-size:90%;



        text-align:center;



	}



	td.shade   {



		background-color: #eee;



	}



	td.left      {



        padding:0.5em;



        text-align:left;



	}



	caption   {



        padding:0.3em;



        font-size:90%;



        text-align:center;



	}



	.center {



	    text-align: center;



        padding:0 .5em 0 0;



	}



	img {



		margin:0 10px 0 0;



		border: 0;



	}











ul#global_navi_img_h {



	width:300px;



	height:auto;



	margin-bottom:15px;



}



ul#global_navi_img_h li {



	width:150px;



	height:27px;



	text-align:center;



	line-height:27px;



}



ul#global_navi_img_h li a {



	display:block;



	width:150px;



	height:27px;



	background:url(images/menu_left.gif) repeat-x top;	



}



ul#global_navi_img_h li a:hover {



	background:url(images/menu_left.gif) repeat-x bottom;	



	color:#FFF;



}











	/* Header styles */



    #top {



        clear:both;



        float:left;



        width:100%;



		color: #369;



		background-color: #fff;



        }



    #header {



        clear:both;



        float:left;



        width:100%;



    }



	#header {



		border-bottom:1px solid #000;



	}



	#header p,



	#header h1,



	#header h2 {



	    padding:.4em 15px 0 15px;



        margin:0;



	}



	#header ul {



	    clear:left;



	    float:left;



	    width:100%;



	    list-style:none;



	    margin:3px 0 0 0;



	    padding:0;

	    

		background-color: #eee;



	}



	#header ul li {



	    display:inline;



	    list-style:none;



	    margin:0;



	    padding:0;



	}



	#header ul li a {



	    display:block;



	    float:left;



	    margin:0 0 0 1px;



	    padding:3px 10px;



	    text-align:center;



	    background:#eee;



	    color:#000;



	    text-decoration:none;



	    position:relative;



	    left:15px;



		line-height:1.3em;



	}



	#header ul li a.btn {

	text-decoration: none;

    font-weight: bold;

    text-align: center;

    font-size: 13px;

    display: block;

    border: 1px solid #DDD;

    color:#666666;

    width: 80px;

    padding: 10px 0;

         

		/* IE10 Consumer Preview */ 

		background-image: -ms-linear-gradient(bottom, #cdcdcd 0%, #ffffff 100%);

		/* Mozilla Firefox */ 

		background-image: -moz-linear-gradient(bottom, #cdcdcd 0%, #ffffff 100%);

		/* Opera */ 

		background-image: -o-linear-gradient(bottom, #cdcdcd 0%, #ffffff 100%);

		/* Webkit (Safari/Chrome 10) */ 

		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #cdcdcd));

		/* Webkit (Chrome 11+) */ 

		background-image: -webkit-linear-gradient(bottom, #cdcdcd 0%, #ffffff 100%);

		/* W3C Markup, IE10 Release Preview */ 

		background-image: linear-gradient(to top, #cdcdcd 0%, #ffffff 100%);

    }



	#header ul li a.btn-a {

	text-decoration: none;

    font-weight: bold;

    text-align: center;

    font-size: 13px;

    display: block;

    border: 1px solid #DDD;

    width: 80px;

    padding: 10px 0;

    color:#fff;

    background:#D12727;

    }





	#header ul li a:hover {



  	  background:#D12727;



		color:#fff;



	}



	#header ul li a.active,



	#header ul li a.active:hover {



	    color:#fff;



 	   background:#D12727;



	    font-weight:bold;



	}



	#header ul li a span {



	    display:block;



	}



	/* 'widths' sub menu */



	#layoutdims {



		clear:both;



		background:#eee;



		border-top:4px solid #CC0000;



		margin:0;



		padding:6px 15px !important;



		text-align:right;



	}



	div.box_new_240 {

		height: 240px;

		overflow: auto;

		overflow-x: hidden;

        position:relative;

		background-color: #ffffff; /* ボックスの背景色 */

		border: 1px #cdcdcd solid; /* ボックスの枠 */

	}

	div.box_new_180 {

		height: 180px;

		overflow: auto;

		overflow-x: hidden;

        position:relative;

		background-color: #ffffff; /* ボックスの背景色 */

		border: 1px #cdcdcd solid; /* ボックスの枠 */

	}

	div.box_new-120 {

		height: 120px;

		overflow: auto;

		overflow-x: hidden;

        position:relative;

		background-color: #ffffff; /* ボックスの背景色 */

		border: 1px #cdcdcd solid; /* ボックスの枠 */

	}

	div.box_new-90 {

		height: 90px;

		overflow: auto;

		overflow-x: hidden;

        position:relative;

		background-color: #ffffff; /* ボックスの背景色 */

		border: 1px #cdcdcd solid; /* ボックスの枠 */

	}

	div.box_new_240 p {

	    font-size: 90%;

		margin: 10px 10px; /* 段落の間隔 */

		}

	div.box_new_180 p {

	    font-size: 90%;

		margin: 10px 10px; /* 段落の間隔 */

		}

	div.box_new_120 p {

	    font-size: 90%;

		margin: 10px 10px; /* 段落の間隔 */

		}

	div.box_new_90 p {

	    font-size: 90%;

		margin: 10px 10px; /* 段落の間隔 */

		}





	div.box1 {

        float:left;

        width:100%;

        position:relative;

        margin: 15px;

		background-color: #ffffff; /* ボックスの背景色 */

		border: 1px #cdcdcd solid; /* ボックスの枠 */

	 }



	div.box1 h2 {

		margin: 0;

		line-height: 27px;

		padding-left: 10px; 

		border-bottom: 1px #cdcdcd solid; /* 見出しの下線 */

		font-size: 110%; /* 見出しの文字サイズ */

		color: #494949;

		/* IE10 Consumer Preview */ 

		background-image: -ms-linear-gradient(bottom, #cdcdcd 0%, #ffffff 100%);

		/* Mozilla Firefox */ 

		background-image: -moz-linear-gradient(bottom, #cdcdcd 0%, #ffffff 100%);

		/* Opera */ 

		background-image: -o-linear-gradient(bottom, #cdcdcd 0%, #ffffff 100%);

		/* Webkit (Safari/Chrome 10) */ 

		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #cdcdcd));

		/* Webkit (Chrome 11+) */ 

		background-image: -webkit-linear-gradient(bottom, #cdcdcd 0%, #ffffff 100%);

		/* W3C Markup, IE10 Release Preview */ 

		background-image: linear-gradient(to top, #cdcdcd 0%, #ffffff 100%);

		} 

	div.box1 p {

	    font-size: 100%;

		margin: 10px 10px; /* 段落の間隔 */

		}

	div.box1 img {

		padding-bottom: 0; 

	} 



	div.images {

	   width: 310px;

	   float: left;

	   margin: 5px;

	}

	p.images {

	   text-align: center;

	   margin: 5px;

	}

	p.caption {

	   text-align: center;

	   margin: 5px;

	   color:#369;

	}



	/* column container */



	.colmask {



		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */



	    clear:both;



	    float:left;



        width:100%;				/* width of whole page */



		overflow:hidden;		/* This chops off any overhanging divs */



	}



	/* holy grail 3 column settings */



	.holygrail {



	    background:#fff;    	/* Right column background colour */



	}



    .holygrail .colmid {



        float:left;



        width:200%;



        margin-left:-240px; 	/* Width of right column */



        position:relative;



        right:100%;



        background:#fff;    	/* Centre column background colour */



    }



    .holygrail .colleft {



        float:left;



        width:100%;



        margin-left:-50%;



        position:relative;



        left:415px;         	/* Left column width + right column width */



        background:#eee;    	/* Left column background colour */



    }



    .holygrail .col1wrap {



        float:left;



	    width:50%;



	    position:relative;



	    right:175px;        	/* Width of left column */



	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */



	}



	.holygrail .col1 {



        margin:0 240px 0 195px ;     	/* Centre column side padding:



                            	Left padding = left column width + centre column left padding width



                            	Right padding = right column width + centre column right padding width */



        position:relative;



	    left:200%;



	    overflow:hidden;



	}



	.holygrail .col1-1 {



        float:left;



        width:45%;



        position:relative;



        margin: 0 15px 0 5px;



    }



	.holygrail .col1-2 {



        float:left;



        width:45%;



        position:relative;



        margin: 0 0 0 5px;



    }



    .holygrail .col2 {



        float:left;



        float:right;			/* This overrides the float:left above */



        width:155px;        	/* Width of left column content (left column width minus left and right padding) */



        position:relative;



        right:5px;         	/* Width of the left-had side padding on the left column */



    }



    .holygrail .col3 {



        float:left;



        float:right;			/* This overrides the float:left above */



        width:210px;        	/* Width of right column content (right column width minus left and right padding) */



        margin-right:30px;  	/* Width of right column right-hand padding + left column left and right padding */



        position:relative;



        left:50%;



    }



	/* Imagebox */



	



	div.imagebox {



	   border: 0px ; /* 1.枠線 */



	   background-color: #FFFFFF;  /* 2.背景色 */



	   width: 310px; /* 横幅 */



	   float: left; /* 左に配置 */



   	}



	p.image, p.caption {



	   text-align: center; /* 3.中央寄せ */



	   margin: 3px;        /* 4.余白・間隔 */



	}





	/* Footer styles */



	#footer {



        clear:both;



        float:left;



        width:100%;



		border-top:1px solid #000;



    }



    #footer p {



        padding:10px;



        margin:0;



    }



    /* --> */