/*?X???C?h????*/

#main_visual{

	width:100%;

        height: 400px;

	margin: 0;

	padding: 0;

	clear: both;

}

/*?R???e???c????*/

#container2{

	background-image: url("img/menu.jpg");

	background-repeat: repeat-x;

	height: 50px;

	margin: 0 auto;

	width: 100%;

}}

#container3{

	margin: 0px auto 0;

	width: 100%;

        height: 400px;

}

#container4 {

    background-color: #ffffff;

    margin: 0px auto 10px;

    width: 950px;

}

#main{

	width: 950px;

	margin: 10px auto 0;

	padding: 0;

}

#main2{

	width: 950px;

	margin: 10px auto 0;

	padding: 0;

}



.sub00 {

	float: left;

	width: 950px;

	margin: 20px 0 0 0; 

	padding: 0;

	text-align: left;

}

.sub01 {

	float: left;

	width: 300px;

	margin:  10px 0 0 0;

	padding: 0;

	text-align: left;

}

.sub02 {

	float: left;

	width: 640px;

	margin:  10px 0 0 10px;

	padding: 0;

	text-align: left;

}

.sub03 {

	float: left;

	width: 590px;

	margin:  10px 0 0 10px;

	padding: 0;

	text-align: left;

}

/*???o?i?[*/

.sub04 {

	float: left;

	width: 300px;

	margin:  10px 0 0 0;

	padding: 0;

	height: 50px;

        border:1px solid #4c4c4c;

}

/*???i?y?[?W?o?i?[*/

.sub05 {

	float: left;

	width: 640px;

	margin:  10px 0 0 10px;

	padding: 0;

}

/*???i?y?[?W???j???[*/

.sub_menu {

	float: left;

	width: 640px;

	margin:  10px 0 0 10px;

	padding: 0;

	height: 50px;



}



/* ?????????j???[ */



#menu-wrap {

	width: 100%;

	height: 50px;

}



#globalnavi{

	margin: 0px auto 0px;

	padding: 0;

	width: 952px;

}



#globalnavi ul{

	list-style-type: none;

	margin: 0;

	padding: 0;

}



#globalnavi li{

	float: left; 

	margin: 0px 0px 0px 0px;

	padding: 0;

}

.fixed{

  position: fixed;

  top: 0px;

  z-index: 9999;

}

/* ????????t?b?^?[???j???[ */

#foot_navi {

    clear: both;

    height: 30px;

    margin: 20px 0px 0px 0px ;  

    width:900px;

    text-align: center;

}

.foot_navi{

	float: left;

	height: 35px;

	margin: 7px 0 0 0px;  

	width: 950px;

}

.foot_navi a{

    text-decoration: none;

}

.foot_navi li{

    float: left;

    padding: 10px 0px 0px 5px;

}

.foot_navi li a{

    font-size: 13px;

    color: #4D4D4D;

    display: inline-block;

    height: 25px;

}

.foot_navi li a:hover{

    font-size: 13px;

    color: #888888;

    text-decoration: underline;

}



.foot_navi li a:active{

    font-size: 13px;

    color: #888888;

    text-decoration: underline;

}

/* ????????t?b?^?[ */



#footer-sub {

    height: 20px;

    margin: auto;

    padding: 0px;

    text-align: center;

    width: 950px;

}

.foot_copy {

    clear: both;

    height: 10px;

    margin: 30px 0px 0px 0px;  

    padding: 20px 0px 0px 0px;

    width:950px;

    font-size: 1em;

}



#footer {

    position: relative;

    background: url("img/foot2.jpg") repeat-x scroll 0 0 transparent;

    clear: both;

    height: 20px;

    margin: 0px 0 0;

    width: 100%;

}

/* ?Z???^?????O */

.centering {

	overflow: hidden;

	position: relative;

}



.centering ul {

	float: left;

	left: 50%;

	position: relative;

}



.centering ul li {

	float: left;

	left: -50%;

	position: relative;

}

/* ??^?z?u */

.photo1{

	float:left;

	margin: 0px 10px 10px 0px;

}

.photo2{

	float:right;

	margin: 0px 10px 10px 0px;

}

.photo3{

	float:right;

	margin: 0px 10px 30px 10px;

}

.photo4{

	float:right;

	margin: 0px 10px 0px 10px;

}

.photo5{

	float:left;

	margin: 0;

}

.photo6{

	float:right;

	margin: 0px 0px 0px 10px;

}

/* ??郁?j???[ */

#page-top {

    position: fixed;

    bottom: 90px;

    right: 20px;

    font-size: 100%;

}

#page-top a {

    background: #ff0000;

    text-decoration: none;

    color: #fff;

    width: 100px;

    padding: 30px 0;

    text-align: center;

    display: block;

    border-radius: 5px;

    opacity: 0.8;  

    filter: alpha(opacity=60);  

}

#page-top a:hover {

    text-decoration: none;

    background: #A6BFDE;

    opacity: 0.8;  

    filter: alpha(opacity=60);  

}



/* ??????????N?????? */

.fade {  

    -webkit-transition: 0.3s ease-in-out;  

       -moz-transition: 0.3s ease-in-out;  

         -o-transition: 0.3s ease-in-out;  

            transition: 0.3s ease-in-out;  

}  

.fade:hover {  

    opacity: 0.8;  

    filter: alpha(opacity=60);  

}  



/* ?????? */

.snmple{

filter: alpha(opacity=80);

-moz-opacity:0.8;

opacity:0.8;

}

/* ???i */

.summary {

	display: inline;

	float: left;

	width: 100%;

}

/*.box {

	display: inline;

	float: left;

	margin: 0 5px 20px 0;

	padding: 3px;

	width: 201px;

        border:1px solid #f51705;

	box-shadow:1px 2px 2px 0px  #666666 ;

	text-align: center;

}
*/

.box2 {

	display: inline;

	float: left;

	margin: 0 0 20px 0;

	padding: 3px;

	width: 201px;

        border:1px solid #f51705;

	box-shadow:1px 2px 2px 0px  #666666 ;

	text-align: center;

}



.box h3 {

    color: #000075;

    font-size: 1.2em;

    padding-top: 5px;

}

/* ???o?? */

.md_1 {

    width: 275px;

    position: relative;

    color: #ffffff ;

    background: #000000;

    font-size: 1.1em ;

    line-height: 1;

    margin: 10px 0px 10px 0px;

    padding: 10px 5px 10px 20px;

    box-shadow:1px 3px 7px 0px  #666666 ;

    border-top:3px solid #f51705;

}

.md_1:after, md_1:before {

    content: "";

    position: absolute;

    top: 100%;

    height: 0;

    width: 0;

    border: 5px solid transparent;

    border-top: 5px solid #333;

}

.md_1:after {

    left: 0;

    border-right: 5px solid #333;

}

.md_1:before {

    right: 0;

    border-left: 5px solid #333;

}

/* ???o??2 */

.md_2 {

    width: 100%;

    position: relative;

    color: #ffffff ;

    background: #000000;

    font-size: 1.1em ;

    line-height: 1;

    margin: 10px 0px 0px 0px;

    padding: 0px 5px 0px 20px;

    box-shadow:1px 3px 7px 0px  #666666 ;

    border-top:3px solid #f51705;

}

.md_2:after, md_2:before {

    content: "";

    position: absolute;

    top: 100%;

    height: 0;

    width: 0;

    border: 5px solid transparent;

    border-top: 5px solid #333;

}

.md_2:after {

    left: 0;

    border-right: 5px solid #333;

}

.md_2:before {

    right: 0;

    border-left: 5px solid #333;

}

.md_2 .title {

    color: #fff;

    font-size: 16px;

    font-weight: bold;

    padding: 10px 15px;

}

/* ???o??2 */

.md_3 {

    width: 615px;

    position: relative;

    color: #ffffff ;

    background: #40190b;

    font-size: 16pt ;

    line-height: 1;

    margin: 0px 0px 10px 0px;

    padding: 10px 5px 10px 20px;

    box-shadow:1px 3px 7px 0px  #666666 ;

    border-top:3px solid #ff6347;

}

.md_3:after, md_3:before {

    content: "";

    position: absolute;

    top: 100%;

    height: 0;

    width: 0;

    border: 5px solid transparent;

    border-top: 5px solid #333;

}

.md_3:after {

    left: 0;

    border-right: 5px solid #333;

}

.md_3:before {

    right: 0;

    border-left: 5px solid #333;

}