/* CSS Document */




body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li,
brockquote, pre, table, caption, th, td, address,
form, fieldset, legend, object {
  margin: 0;
  padding: 0;
}

h5, h6, pre, table, code, kbd, samp, acronym, input, textarea {
  font-size: 100%;
}

a, ins {
  text-decoration: none;
}

address, em, cite, dfn, var {
  font-style: normal;
}

input, textarea {
  font-family: sans-serif;
  font-weight: normal;
}

img {
  vertical-align: bottom;
  font-size:0;
}

a img {
  border: none;
}




h2,h3,h4,h5,img{
padding:0px;
	 margin:0px;
font-size:10px;
text-decoration:none;
font-weight : normal;
}

.clearfix:after {
  content: ".";  /* �V�����v�f���� */
  display: block;  /* �u���b�N���x���v�f�� */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.clear{
clear:both;
font-size:0px;
height:0px;
}

.text-box-lower{ color:#000000 !important;}
.text-box{ color:#000000 !important;}

/* デフォルト：980px以上用（PC用）の記述 */
@media print, screen and (min-width: 640px) {


/*���ʃ��C��
-----------------------------------------------------------*/
body{

/*background-color:#F2F2E6;*/

}

#wrapper{

width:938px;
margin:0 auto;
background-color:#FFFFFF;
padding:16px;

}

#contents{width:100%;margin:0 auto;}










/*#topicpath{margin:8px 0px;}*/
#topicpath a{text-decoration:underline;color:#55698A;}
#topicpath a:hover{color:#0000FF;}

#footer{ background-color:#FFFFFF;}
/*#footer{ width:970px; margin:0 auto; background-color:#FFFFFF; padding-top:12px;box-sizing: border-box;}*/
.footer-rogo{ float:left;}
.back{ float:right; margin-top:16px;}

.footer-block01{ padding:0 16px; margin-bottom:5px;}
.footer-block02{ background-color:#86816B; height:65px; padding:0 16px; display:block;}
.sp-footer-block02{ background-color:#86816B; height:65px; padding:0 16px; display:none;}

.footer-navi01{ float:left; padding-top:5px;}
.footer-navi01 li{ list-style:none; float:left; margin-right:2px;}

.footer-navi02{ float:right; padding-top:5px;}
.footer-navi02 li{ float:left; list-style:none; margin-left:10px;}
.footer-navi02 li a{ opacity:1 !important;}






/* �V���[���[���ꗗ ---------------------------------------*/



#sp-footer{ display:none;}





#sp-header{display:none;}




.copyright{ display:block;}
#sp-copyright{ display:none;}


.footer-navi01{ display:block;}
.footer-navi02{ display:block;}
.sp-footer-navi02{ width:100%; display:none; padding-top:5px;} 



}





@media screen and (max-width: 640px) {






/*���ʃ��C��
-----------------------------------------------------------*/
body{
/*background-color:#E2E2E2;*/
min-width: 100%;
}
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;　/*IE8のみ適用*/
}
.ranking{
    max-width: 50%;
    height: auto;
}





#topicpath{margin:8px 0px;}
#topicpath{ display:none;}
#topicpath a{text-decoration:underline;color:#55698A;}
#topicpath a:hover{color:#0000FF;}



#footer{ margin:0 auto; background-color:#FFFFFF; //padding-top:12px; }






/*index�y�[�W---------------------------------------------------------*/



#sp-footer{ display:block; background-color:#E9E4DA;}




/*ヘッダー*/

.header{display:none;}

#sp-header{

	position: relative;
	background-color:#F7F7F0;
}

#sp-header #site_logo{
	line-height: 0;
	padding: 16px 0 15px;
	width:35%;
	text-align:center;
	margin:0 auto;
}


.head-menu-right{
position: absolute;
	top:13px;
	right: 10px;
	width:54px;
	height:25px;
}

#sp-header.show {
	-webkit-box-shadow: none;;
	-moz-box-shadow: none;
	box-shadow: none;
}
#sp-header .menu_btn{

}
#sp-header.show .menu_btn{
	color: #da832d;
}




/* トグルメニュー  */



.togMenu{
display:none;
}

.close{
background-color:#86816b;
padding:10px;
text-align:center;
font-weight:bold;
color:#fff;

margin:0 auto;
z-index:5;
position:relative;
font-size:12px;


}




/* トグルメニューおわり  */


/*メニュー*/

.sp-menu2{
　　
overflow:hidden;


}
.sp-menu2 li {
list-style:none;


ackground: rgb(100,123,164); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(100,123,164,1) 0%, rgba(90,110,145,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(100,123,164,1)), color-stop(100%,rgba(90,110,145,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(100,123,164,1) 0%,rgba(90,110,145,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(100,123,164,1) 0%,rgba(90,110,145,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(100,123,164,1) 0%,rgba(90,110,145,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(100,123,164,1) 0%,rgba(90,110,145,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#647ba4', endColorstr='#5a6e91',GradientType=0 ); /* IE6-9 */


}

.sp-menu2 li a{}

.sp-menu-2{border-top:1px solid #e0ddcf;}
.sp-menu-2 li{
list-style:none;
}

.sp-menu-2 li a{
color:#213e6d;font-size:11px;text-align:center;padding:10px 0px;
float:left;width:50%;box-sizing:border-box;border-bottom:1px solid #e0ddcf;
background-color:#F9F9F3;line-height:1em;
}

.sp-menu-2 li a:nth-child(odd){
border-right:1px solid #e0ddcf;
}

.sp-menu-2-top{
color:#213e6d;font-size:11px;text-align:center;
background-color:#F9F9F3;
}

.sp-menu-2-top > a{
padding:10px 0px;
color:#213e6d;
line-height:1em;width:100%;display:block;
}



.bk-white{background-color:#FFFFFF;
border-bottom:2px solid #DA832D;
border-top:2px solid #DA832D;

}




.sp-footer-navi02{ width:100%; display:block; padding:10px 0px 5px;} 
.sp-footer-navi02  { text-align:center;}
.sp-footer-navi02 li{ list-style:none;  display: inline-block; margin: 0 10px 5px; font-size:11px; font-family:'���C���I',Meiryo,'�l�r �o�S�V�b�N','�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro',sans-serif;}
.sp-footer-navi02 li a{ color: #403a35;}

#sp-copyright {
    display: block;
    background-color: #86816B;
    text-align: center;
    color: #ffffff;
    font-size: 10px;
    line-height:1em;
    padding: 5px 0;
	font-family:'���C���I',Meiryo,'�l�r �o�S�V�b�N','�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro',sans-serif;

}

}

/* 追記 */

/* ===== styles #header ===== */

#header {
	text-align: center;
	background:url(common/images/bg-header_top.gif) repeat-x;
}
#header .logo {
        width: 415px;
        float: left;
        overflow: hidden;
}
#header .logo h1 {
        width: 148px;
        float: left;
        margin: 0;
        padding: 0;
}
#header .logo h1 img {
        margin: 7px 0 0 0;
}
#header .logo span {
        /*float: left;*/
        display: block;
        color: #6f6f6c;
        font-size: 83%;
        margin: 20px 0 0 0;
}
#header .inner {
	margin: 0 auto;
	width: 960px;
	height: 130px;
	text-align: left;
	overflow: hidden;
}
#header .top-nav {
	height: 37px;
	overflow: hidden;
}
#header .top-nav ul {
	text-align: right;
	float:right;
	display: inline;
        margin: 8px 0 0 0;
}
#header .top-nav li {
	/*margin: 0 0 0 10px;*/
	padding: 0;
	height: 20px;
	display: inline;
	overflow: hidden;
}
#header .top-nav li.mailmagazine {
	width: 87px;
}
#header .top-nav li.english {
	position: relative;
	top: -2.5px;
}
#header .top-nav li.inquiry_icb {
	width: 106px;
}
#header .top-nav li.contact {
	width: 134px;
}
#header .top-nav li a {
}
#header .top-nav li a img {
	/* padding: 4px; */
}
#header .top-nav .en {
	margin: 2px 0 0 0;
	float: left;
	display: inline;
}
#header .grand-nav ul {
}
#header .grand-nav li {
	float: left;
	display: inline;
	width: 192px;
	overflow: hidden;
	text-align: center;
	padding-top:40px;
}


/*-----------------------------------------------*/
/* フッタ ---------------------------------------*/
#footer{
	margin:0 auto;
	padding:15px 15px 0 15px;
	width:960px;
	clear:both;
	box-sizing:border-box;
}

#ftopicpath{
	font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka";
	font-size:0.75em;
	color:#4f4946;
	text-align:left;
	letter-spacing:0.05em;
	padding: 0px 0px 8px 4px;
    width: 743px;
    float: left;
    display: inline;
}
#ftopicpath a:link,#ftopicpath a:active,#ftopicpath a:visited{
	color:#55698a;
	text-decoration:underline;
}
#ftopicpath a:hover{
	color:#0000ff;
	text-decoration:underline;
}
#ptop{
	font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka";
	font-size:0.75em;
	color:#4f4946;
	text-align:right;
	letter-spacing:0.05em;
}
#ptop a:link,#ptop a:active,#ptop a:visited{
	color:#55698a;
	text-decoration:none;
}
#ptop a:hover{
	color:#0000ff;
	text-decoration:underline;
}
#fnavi{
	font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka";
	font-size:0.65em;
	color:#6b6d6c;
	border-top:dashed 1px;
	border-bottom-color:#808080;
	text-align:left;
	line-height:1.5;
	letter-spacing:0.05em;
	padding:5px 0px 5px 0px;
	clear:both;
}
#fnavi a:link,#fnavi a:active,#fnavi a:visited{
	color:#4f4946;
	text-decoration:none;
}
#fnavi a:hover{
	color:#0000ff;
	text-decoration:underline;
}
#fsnavi{
	font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka";
	font-size:0.65em;
	color:#6b6d6c;
	background-color:#cdcdcd;
	text-align:right;
	letter-spacing:0.05em;
	padding: 4px 0px 4px 0px;
}
#fsnavi a:link,#fsnavi a:active,#fsnavi a:visited{
	color:#4f4946;
	text-decoration:none;
}
#fsnavi a:hover{
	color:#0000ff;
	text-decoration:underline;
}

#copy{
	font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka";
	font-size:0.65em;
	color:#4f4946;
	text-align:left;
	letter-spacing:0.1em;
}


#fnavi ul{
	display:block; 
	list-style:none;
	line-height:0;
}
#fnavi li{
	display:inline; 
	line-height:1.5;
}
#fsnavi ul{
	display:inline; 
	list-style:none;
	line-height:0;
}
#fsnavi li{
	display:inline; 
	line-height:1;
}
#english a.english{
	width:62px;
	height:14px;
	float:left;
	display:block;
	font-size:0.75em;
	color:#ffffff;
	background:url(common/images/english.gif) no-repeat;
	text-align:center;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}
#english a.english:hover {
	background-position:0px -14px;
}
#english a.contract{
	width:62px;
	height:14px;
	float:left;
	display:block;
	font-size:0.75em;
	color:#ffffff;
	background:url(common/images/contract.gif) no-repeat;
	text-align:center;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}
#english a.contract:hover {
	background-position:0px -14px;
}



#fbanner{
	margin:0px;
	padding:5px 0px 0px 5px;
	width:935px;
	height:30px;
	overflow:hidden;
	zoom:100%;
}
#fbanner:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
#flogo{
	margin:0;
	padding:0;
	width:380px;
	float:left;
	text-align:left;
	display:inline; 
}
#karimokulogo{
	margin:0;
	padding:0;
	width:140px;
	float:left;
}
#english{
	margin:0;
	padding:0;
	width:240px;
	float:left;
}
#outlinkf{
	width:555px;
	height:30px;
	float:right;
	display:inline;
}
#copy{
	margin:0;
	padding:0px 0px 5px 5px;
	width:935px;
}