/*
*{
	font-family: Osaka-mono, monospace,"メイリオ","ＭＳ ゴシック", "MS Gothic", "Osaka－等幅","Meiryo",Meiryo,"ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro',"ＭＳ Ｐゴシック",  Verdana, Arial, Helvetica, Osaka,  sans-serif;
}
*/
/*
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
*/

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

img{
	margin:0;
	padding:0;
	border:none;
	text-align: left;
}

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
	text-align: center;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	margin: 0px;
	font-size:12px;
	color: #434343;
	background-color: #FFF;
}


.footer a:link    {COLOR: #FFF; TEXT-DECORATION: underline;}
.footer a:visited {COLOR: #FFF; TEXT-DECORATION: none;}
.footer a:hover   {COLOR: #FFF; TEXT-DECORATION: none;}
.footer a:active  {COLOR: #FFF; TEXT-DECORATION: underline;}


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
	max-width: 100%;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}


/* ==========================================================================
   webフォント
   ========================================================================== */
  


/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
} 

#header_top,#header {
	height: 54px;
	background-image: url(../images/header_bg.gif);
	/*overflow: hidden;*/
}

#header_top {
	margin:-14px 0px 0px 0px;
}

.ie8 #header_top {
	margin:-17px 0px 0px 0px;
}
.ie7 #header_top {
	margin:-18px 0px 0px 0px;
}


#header_top .m01 ,#header .m01{
	width: 49%;
	float: left;
	text-align: left;
}


#header_top .m02 ,#header .m02{
	width: 50%;
	float: left;
	text-align: right;
}


#header_top .m02 img ,#header .m02 img{
	padding: 13px 0 0;
}





	
/*フッター*/
#footer {
	width: 100%;	
	background-color: #ff9132;
}

#footer .footer_1{
	width: 960px;
	padding: 15px 0 0;
	margin: 0 auto; 
	text-align: right;
	color: #ffffff;
}

#footer .footer_2{
	padding: 15px 0 0;
	margin: 0 auto; 
	text-align: right;
	color: #333333;
}

/*フッター*/

#contact .footer {
	width: 100%;
	background: #00a6cb;
	margin: 0 auto;
}

#contact .footer_inner {
	width: 960px;
	color: #FFF;
	padding: 30px 0;
	margin: 0 auto;
	text-align: left;
}

#contact .footer_inner p {
	font-size: 14px;
	line-height: 2em;
	font-weight: bold;
}

#contact .footer_inner span.link {
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
}


@media (max-width: 1600px) {
.fr {
    float: none;
}
	
.fl {
    float: none;
}

}

@media (max-width: 1350px) {
	
	#footer .footer_1 {
    width: 100%;
    padding: 15px 0 0;
    margin: 0 auto;
    text-align: right;
    color: #fff;
}
	

		
}