@charset "UTF-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
fieldset, img {
border:0;
}
address, caption, code, em, th {
font-style:normal;
font-weight:normal;
}
table {
border-spacing:0;
}
ol, ul {
list-style:none;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
caption, th {
text-align: left;
}
hr {
display:none;
}
table {
border-collapse:collapse; border-spacing:0;
}

img {
vertical-align:top;	
}
#contentsWrap a {
	outline:none;	
}


/* ---------------------------------------------
 
--------------------------------------------- */
body {
font-family:serif;
font-size:14px;
color:#333;
background:#fff;
*font-size:small;
*font:x-small;
line-height:1.6;
max-width: 100%;
  height: auto;
  overflow-x: hidden;
}


.readerItem {
position:absolute;
width:1px;
height:1px;
line-height:0.1;
font-size:0.1%;
left:-9999px;
}


.fontsmall {
font-size:77%;
}

img {
vertical-align:bottom;
}

a:link {
color: #0064af;
text-decoration: none;
}
a:visited {
color: #7a48a1;
text-decoration: none;
}
a:hover,
a:active,
a:focus {
color: #0064af;
text-decoration: underline;
}

.txCenter {
text-align:center;
}
.txRight {
text-align:right;
}
.txLeft {
text-align:left;
}

.hidden {
display:none;
}

.clr {
clear:both;
}
.print {
display:none;
}


/*  ------------------------------------------  */


/*  ------------------------------------------  */

.clearfix:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}
.clearfix{
min-height:1%;
}
/* -- for IE6 */
* html .clearfix{
	height:1px;
}
/* -- for IE7 */
*:first-child+html .clearfix{
 zoom:1;
}

/*  ------------------------------------------  */

html,body {
max-width:100%;
}

/*  ------------------------------------------  
header
------------------------------------------  */

#corporateTitle {
    float: left;
    padding: 11px 0 0 4px;
}
#extra_nav {
    float: left;
    padding: 16px 0 0 12px;
}
#extra_nav li {
	line-height:11px;
}
#extra_nav li img {
	vertical-align:top;
}


/*  ------------------------------------------  
footer
------------------------------------------  */

.padd{
	margin-left: 20px;
	max-width: 100%;

}

#container {
margin-left: 20px;
max-width: 100%;
}

#container h1{
	
	font-size:30px;
	color: #818181;
	padding: 20px;
}

#container h2{
	font-family:serif;
	font-size:14px;
	color: #818181;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#container_top {
margin-left: 20px;
max-width: 100%;
}

#container_top h1{
	
	font-size:30px;
	color: #818181;
	padding: 20px;
}

#container_top h2{
	font-family:serif;
	font-size:14px;
	color: #818181;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#container #mynk #mynk_img{
	padding: 20px;
}

#container #ic #ic_img{
	padding: 20px;
}
#container #ic #ic_tw{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#container #ic #ic_fb{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}

.line{
	display: block;
	width:80%;
	
	border: solid 1px #f1f1f1;
	margin: 20px;

}

#container .pad{
	padding: 20px;
}

#container_top .pad{
	padding: 20px;
}


#container #os #os_img{
	padding: 20px;

}
#container #os #os_tw{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#container #old h3{
	font-family:serif;
	font-size:20px;
	color: #818181;
	padding: 20px;
}

#container #old h4{
	font-family:serif;
	font-size:14px;
	color: #818181;
	padding: 20px;

}

img{
	border: solid 1px #f1f1f1;
}

.responsive-img {
	max-width: 800px; /* 横幅の最大を800pxに制限 */
  width: 100%; /* 最大幅を超えないように自動的に調整 */
  height: auto; /* 縦の比率を保持 */
}