body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
	line-height: 150%;
	background-color: #FFF;
}

img {
    vertical-align: bottom;
}

iframe {
    vertical-align: bottom;
}

ul {
	list-style-type: disc;
	margin-left: 10px;
	padding-left: 10px;
	list-style-image: none;
}

ol {
	list-style-type: decimal;
	margin-left: 10px;
	padding-left: 10px
}

audio {
	width: 203px;
	display: block;
	margin:0px;
}



h1  {
	font-size: 10px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: #999;
}

h2  {
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	line-height: 18px;
	width: 940px;
	letter-spacing: 0.2em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 60px;
	background-image: url(_img/title_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

h3  {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	letter-spacing: 0.1em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	clear: both;
	background-image: url(_img/h3_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}

h4  {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #369;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom: 15px;
	clear: both;
	padding-left: 10px;
	letter-spacing: 0.1em;
	margin-top: 0px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	border: 1px double #D0E2FF;
	background-image: url(_img/h4_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
}

h5  {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #333;
	background-color: #F7F7F7;
	font-size: 13px;
	font-weight: bold;
	line-height: 25px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom: 25px;
	clear: both;
	padding-left: 10px;
	letter-spacing: 0.1em;
	margin-top: 0px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	border: 3px double #D9D9D9;
}

h6  {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #FFF;
	background-color: #5F89B5;
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom: 15px;
	clear: both;
	padding-left: 10px;
	letter-spacing: 0.1em;
	margin-top: 0px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	margin-right: 0px;
	margin-left: 0px;
}

a:link  {
	color: #069;
	text-decoration: none
}
a:visited  {
	color: #C69;
	text-decoration: none
}
a:hover  {
	color: #666;
	text-decoration: underline
}
a:active {
	color: #F06;
	text-decoration: none
}

a.link2:link   {
	color: #FFF;
	text-decoration: none;
}
a.link2:visited      {
	color: #FFF;
	text-decoration: none
}
a.link2:hover     {
	color: #F90;
	text-decoration: none;
}
a.link2:active    {
	color: #F00;
	text-decoration: none
}


header {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #FFF;
	overflow: hidden;
	padding: 0px;
	height: 100px;
}

nav {
	width:100%;
	background-color: #4B82A5;
	clear: both;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	background-image: url(_img/tmp_menu_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}

section {
	width:100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

footer {
	clear:both;
	text-align: center;
	width: 100%;
	background-color: #dce4e7;
	overflow: auto;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}




#header_w {
	padding: 0px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#header_a {
	width: 200px;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#header_b {
	width: 740px;
	float: right;
	color: #000;
	text-align: right;
	padding: 0px;
}

#header_b01 {
	float: left;
	text-align: center;
	padding: 0px;
	margin-top: 10px;
	width: 500px;
}

#header_b02 {
	float: right;
	text-align: right;
	padding: 0px;
	margin: 0px;
	width: 220px;
}



#wrapper {
	clear:both;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#title_w {
	padding: 0px;
	width: 100%;
	overflow: auto;
	background-color: #F6F6F6;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	background-image: url(_img/contents_bg.png);
}



#copy {
	width: 100%;
	color: #FFF;
	text-align: center;
	clear: both;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: auto;
	background-color: #4B82A5;
	font-size: 10px;
	background-image: url(_img/tmp_menu_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#footer_top {
	width: 50px;
	text-align: right;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	z-index: 10000;
	position: fixed;
	bottom: 100px;
	height: 50px;
	right: 0px;
}

.c0 {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #666;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	font-weight: bold;
	color: #FFF;
}


.c1 {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #F4F4F4;
	border: 1px solid #DADADA;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
}

.c2 {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #FFF;
	border: 1px solid #DADADA;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}



.c3 {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #FFF;
	border: 1px solid #DADADA;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.c4 {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}



.red {
	color: #F00;	
}

.txt_l {
	font-size: 1.5em;
	font-weight: bold;
}

.sp01 {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 20px;
	width: auto;
}

.title {
	clear: both;
	font-size: 14px;
	font-weight: bolder;
	color: #366;
}

.contents_w {
	width: 100%;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
}

.contents_w2 {
	width: 100%;
	clear: both;
	background-color: #F1F4F7;
	background-image: url(_img/contents_bg.png);
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ECEDF7;
	border-right-color: #ECEDF7;
	border-bottom-color: #ECEDF7;
	border-left-color: #ECEDF7;
}

.contents {
	width: 960px;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

.contents_a {
	width: 430px;
	padding: 20px;
	float: left;
}

.contents_b {
	width: 430px;
	padding: 20px;
	float: right;
}

.contents_a2 {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	width: 430px;
	padding: 20px;
	float: left;
	background-color: #FFF;
	margin-bottom: 20px;
	border: 1px solid #ECEDF7;
}

.contents_b2 {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	width: 430px;
	padding: 20px;
	float: right;
	background-color: #FFF;
	margin-bottom: 20px;
	border: 1px solid #E7E7F2;
}

.center {
	vertical-align: middle;	
}

.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.7;  
    filter: alpha(opacity=30);  
} 

.txt14px {
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
	letter-spacing: 0.1em;
}

.txt16px {
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.l_space     {
	padding-bottom: 10px;
	padding-left: 10px
}
.r_space   {
	padding-right: 10px;
	padding-bottom: 10px
}

/* product */

.wrapper_b{
	position: relative;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 25px;
}

.left1_b{
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	position: relative;
	float: left;
	left: 0px;
	width: 203px;
	text-align: left;
	background-color: #FFF;
	margin-bottom: 20px;
	border: 1px solid #D1E8E8;
	padding: 10px;
}
.left2_b{
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	position: relative;
	float: left;
	left: 20px;
	width: 203px;
	text-align: left;
	background-color: #FFF;
	margin-bottom: 20px;
	border: 1px solid #D1E8E8;
	padding: 10px;
}
.left3_b{
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	position: relative;
	float: left;
	left: 40px;
	width: 203px;
	text-align: left;
	background-color: #FFF;
	margin-bottom: 20px;
	border: 1px solid #D1E8E8;
	padding: 10px;
}
.right_b{
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	position: relative;
	float: right;
	right: 0px;
	width: 203px;
	text-align: left;
	background-color: #FFF;
	margin-bottom: 20px;
	border: 1px solid #D1E8E8;
	padding: 10px;
}





/* footer */

.wrapper {
	position: relative;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 25px;
}

.left1{
	position: relative;
	float: left;
	left: 0px;
	width: 340px;
	text-align: left;
	font-size: 12px;
	line-height: 20px;
}
.left2{
	position: relative;
	float: left;
	left: 30px;
	width: 190px;
	text-align: left;
}
.left3{
	position: relative;
	float: left;
	left: 50px;
	width: 190px;
	text-align: left;
}
.right{
	position: relative;
	float: right;
	right: 0px;
	width: 190px;
	text-align: left;
}



/* table */

table.company {
    width: 690px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 15px;
    font-size: 12px;
}
 
table.company th,
table.company td {
    padding: 10px;
}
 
table.company th {
    background: #898989;
    vertical-align: middle;
    text-align: left;
    width: 100px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
}
 
table.company th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #898989;
    border-width: 10px;
    margin-top: -10px;
}

/*table firefox */
@-moz-document url-prefix() {
    table.company th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #898989 10px solid;
        margin-top: -10px;
    }
}
 
table.company td {
    background: #f8f8f8;
    width: 360px;
    padding-left: 20px;
}
