@charset "utf-8";



/*
------------------------------
   RESET
------------------------------ */


html,body,
h1,h2,h3,h4,h5,h6,p,
div,span,
table,tr,th,td,
ul,ol,li,
dl,dt,dd,
form,fieldset,input,option,select,textarea {
	margin:0;
	padding:0;
}

html {
	scroll-y: auto;
}

body {
	color: #4c4442;
	font-family: 'Hiragino Kaku Gothic Pro', 'Meiryo', 'Verdana', sans-serif;
	font-size: 14px;
	line-height: 22px;
	background: #f2f2f2;
}

a:link,
a:visited {
  color: #fa267e;
  text-decoration: none;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a:hover,
a:active {
  color: #356586;
}

h1,h2,h3,h4,h5,h6 { font-size: 100%; }
ul,ol,li,dl,dt,dd { list-style: none; }
hr { display: none; }
em { font-style: normal; }

iframe{border:none;}

img,object{
	border: none;
	vertical-align: middle;
}

.divider {
	margin-left: 30px;
}

img.fl{
	float: left;
	margin: 0 40px 0 0;
}

img.fr{
	float: right;
	margin: 0 0 0 40px;
}

img.fl20{
	float: left;
	margin: 0 20px 0 0;
}

img.fr20{
	float: right;
	margin: 0 0 0 20px;
}

.ac{text-align: center;}
.ar{text-align: right;}



/*
------------------------------
   LAYOUT
------------------------------ */

#container{
	width: 980px;
	margin: 10px auto 50px auto;
	background: #fff;
}



/*
------------------------------
   Header
------------------------------ */

#header{
	overflow: hidden;
	width: 980px;
	height: 68px;
  border-bottom: solid 10px #f3f3f3;
}

#header-logo{
	float: left;
	width: 180px;
	height: 28px;
	padding: 20px 0 0 20px;
}

ul#header-menu{
	float: left;
	width: 440px;
	height: 14px;
	padding: 28px 0 0 0;
}

ul#header-menu li{
	float: left;
	padding: 0 20px 0 0;
}

ul#header-privacy{
	float: right;
	width: 298px;
	height: 14px;
	padding: 28px 0 0 0;
}

ul#header-privacy li{
	float: left;
	padding: 0 20px 0 0;
}

.breadcrumbs {
	overflow: hidden;
	background: #f3f3f3;
	line-height: 30px;
}

.breadcrumbs li {
    display: inline;
    list-style-type: none;
	font-size: 10px ;
	color: #787878;
}

.breadcrumbs  li a {
	padding: 0 10px 0 10px;
    background-image: url(../img/crumb.png);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 20px;
	display: block;
	float: left;
}

.breadcrumbs li:first-child a {
	padding-left: 20px;
}

.breadcrumbs li:last-child {
	padding-left: 10px;
	color: #999999;
}

.breadcrumbs li a:hover {
	color: #dd3311;
}

.breadcrumbs li strong {
	font-size: 10px;
	color: #323232;
}

/*
------------------------------
   Contents
------------------------------ */

#main{
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
}

#main h2{
	margin: 0 10px 50px 10px;
	padding: 0 0 0 0;
}

#main #page-title {
	height: 50px;
	margin: 0 10px 50px 10px;
	padding: 0 0 0 0;
	background: #f2f2f2;
}

#main #page-title-telinfo {
        width: 672px;
        height: 50px;
        margin: 0 10px 80px 10px;
        padding: 0 0 0 0;
        float: left;
        background: #f2f2f2;
}

#main #page-title-telinfo-pic {
        width: 672px;
        height: 50px;
        margin: 0 10px 50px 10px;
        padding: 0 0 0 0;
        float: left;
        background: #f2f2f2;
        overflow: hidden;
}

#main #telinfo_ma3{
        width: 278px;
        height: 90px;
        float: right;
        margin: 0px 10px 0px 0px;
}

#main #telinfo_ma3_pic{
        width: 278px;
        height: 90px;
        float: right;
        margin: 0px 10px 0px 0px;
}

#main #telinfo_ma3 img,
#main #telinfo_ma3_pic img {
  border: solid 6px #f2f2f2;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#main #telinfo_ma3 a:hover img,
#main #telinfo_ma3_pic a:hover img {
  border: solid 6px #FA257E;
}

#main div#page-title {
	overflow: hidden;
	height: 50px;
}

#main div#page-title h1{
	float: left;
	margin: 0;
}

#main div#page-title ul {
	overflow: hidden;
	float: right;
	height: 16px;
	padding: 16px 0 18px 0;
}

#main div#page-title ul li {
	float: left;
	height: 16px;
	margin: 0 20px 0 0;
}

#main div#page-title-telinfo h2 {
        float: left;
        margin: 0;
}

#main div#page-title-telinfo ul {
        overflow: hidden;
        float: right;
        height: 16px;
        padding: 16px 0 18px 0;
}

#main div#page-title-telinfo ul li {
        float: left;
        height: 16px;
        margin: 0 20px 0 0;
}


.content{
	overflow: hidden;
	margin: 0 40px 40px 40px;
}

.content30{
	overflow: hidden;
	margin: 0 30px 30px 30px;
}

.content_ma3_head{
        clear: both;
	overflow: hidden;
        width: 900px;
        height: 80px;
        margin: 0 40px 40px 40px;
}

.content_ma3_head p{
        margin: 0 0 10px 0;
}

#main .content .social-title{
	margin: 0 0 20px 0;
	font-size: 18px;
	color: #000;
}

#main .content .video-title{
	margin: 0 0 20px 0;
	font-size: 18px;
	color: #000;
}

#main .content .rw-title{
	margin: 0 0 20px 0;
	font-size: 18px;
	color: #000;
}

.content h3{
	margin: 0 0 20px 0;
	font-size: 20px;
	color: #000;
}

.content h4{
	margin: 0 0 20px 0;
	font-size: 18px;
	color: #000;
}

.content p,
.content30 p{
	margin: 0 0 20px 0;
}

.cts_w368{
	float: left;
	width: 368px;
	margin: 0 0 40px 0;
}

.cts_r368{
	margin: 0 0 0 408px;
}

.cts_r398{
	margin: 0 0 0 398px;
}

.cts_r398 p{
	margin: 0 0 40px 0;
}

.cts_r0{
        margin: 0 0 0 0;
        height: 600px;
        clear:both;
}

.cts_r0 p{
        margin: 0 0 40px 0;
}

.cts_r368 a:link,
.cts_r368 a:visited,
.cts_r398 a:link,
.cts_r398 a:visited,
.cts_r0 a:link,
.cts_r0 a:visited,
.info_wrap a:link,
.info_wrap a:visited{
  color: #7a7472;
  text-decoration: underline;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.info_wrap a.linkPink:link,
.info_wrap a.linkPink:visited{
  color: #FA257E;
  text-decoration: none;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.cts_r368 a:hover,
.cts_r398 a:hover,
.cts_r0 a:hover,
.info_wrap a:hover,
.info_wrap a.linkPink:hover{
  color: #356586;
}

.cts_w368 strong,
.cts_r368 strong,
.cts_r398 strong,
.cts_r0 strong,
.info_wrap strong{
	color: #000;
}


.info_list{
	float: left;
	width: 388px;
	margin: 0 0 60px 0;
	padding: 0 0 0 10px;
}

.info_list p{
	margin: 0 0 100px 0;
}

.info_list ul{
	
}

.info_list ul li{
	margin: 0 0 20px 0;
	color: #000;
}

.info_list ul li a:link,
.info_list ul li a:visited{
	color: #000;
	text-decoration: underline;
}

.info_wrap{
	margin: 0 30px 60px 398px;
}

.info_wrap #isms-title{
	margin: 0 0 15px 0;
	color: #010101;
	font-size: 21px;
	line-height: 24px;
}

.info_wrap #profile-title{
	margin: 0 0 15px 0;
	color: #010101;
	font-size: 21px;
	line-height: 24px;
}

.info_wrap #Recruit-title{
	margin: 0 0 15px 0;
	color: #010101;
	font-size: 21px;
	line-height: 24px;
}

.info_wrap #job{
	margin: 0 0 15px 0;
	color: #010101;
	font-size: 14px;
	line-height: 21px;
}

#main .info_wrap .pryvacy-title{
	margin: 0 0 15px 0;
	color: #010101;
	font-size: 21px;
	line-height: 24px;
}


.info_wrap h3{
	margin: 0 0 15px 0;
	color: #010101;
	font-size: 21px;
	line-height: 24px;
}

.info_wrap h4{
	margin: 0 0 15px 0;
	color: #010101;
	font-size: 14px;
	line-height: 21px;
}

.info_wrap p{
	margin: 0 0 20px 0;
	font-size: 14px;
	line-height: 21px;
}

dl.profile_list{
	margin: 0 0 30px 0;
}

dl.profile_list dt{
	margin: 0 0 5px 0;
	color: #010101;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}

dl.profile_list dd{
	margin: 0 0 20px 0;
	font-size: 14px;
	line-height: 18px;
}

dl.profile_list_col2 {
        width: 450px;
        margin: 0 0 30px 40px;
        float: left;
}

dl.profile_list_col2 dt{
        margin: 0 0 5px 0;
        color: #010101;
        font-size: 13px;
        line-height: 18px;
	font-weight: bold;
}

dl.profile_list_col2 dd{
        margin: 0 0 20px 0;
        font-size: 13px;
        line-height: 18px;
}

dl.profile_list_col2_right {
        width: 450px;
        margin: 0 0 30px 40px;
        float: left;
}

dl.profile_list_col2_right dt{
        margin: 0 0 5px 0;
        color: #666666;
        font-size: 13px;
        line-height: 18px;
}

dl.profile_list_col2_right dd{
        margin: 0 0 20px 0;
        color: #666666;
        font-size: 13px;
        line-height: 18px;
}

.login_cts{
	margin: 0 45px 40px 290px;
}

.login_cts h3{
	margin: 0 0 15px 0;
	color: #010101;
	font-size: 14px;
	line-height: 20px;
}


.login_cts p{
	margin: 0 0 25px 0;
	font-size: 12px;
	line-height: 20px;
}

.login_cts p strong{
	color: #010101;
}

.login_cts p em{
	color: #800000;
}

.login_cts ol{
	margin: 0 5px 25px 25px;
	
}

.login_cts ol li{
	list-style-type: decimal;
	margin: 0 0 15px 0;
	font-size: 12px;
	line-height: 20px;
}


.login_cts table{
	margin: 0 0 40px 0;
}

.login_cts table th,
.login_cts table td{
	padding: 3px 3px 3px 0;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
}

.login_cts table th{
	color: #010101;
	padding: 3px 20px 3px 0;
}

.login_cts input{
	padding: 3px;
	font-size: 12px;
}


.login_cts input.login,
.login_cts input.w300{
	width: 300px;
	padding: 3px;
	font-size: 12px;
}


.inquiry_cts{
	margin: 0 45px 0 275px;
}

.inquiry_cts p{
	margin: 0 0 25px 0;
	font-size: 12px;
	line-height: 28px;
}

.inquiry_cts input.inq{
	width: 300px;
	padding: 3px;
	font-size: 12px;
}

.inquiry_cts textarea{
	width: 400px;
	padding: 3px;
	font-size: 12px;
}

.remind_cts{
	margin: 0 45px 40px 290px;
}

.remind_cts p{
	margin: 0 0 25px 0;
	font-size: 12px;
	line-height: 20px;
}

.remind_cts table{
	border-collapse: collapse;
	margin: 0 0 40px 0;
}

.remind_cts table th,
.remind_cts table td{
	font-size: 12px;
	line-height: 20px;
	text-align: left;
}

.remind_cts table th{
	color: #010101;
	padding: 3px 20px 3px 0;
}

.remind_cts input{
	padding: 3px;
	font-size: 12px;
}

.remind_cts input.w150{
	width: 150px;
}

.titleinfo{
        width: 679px;
        height: 34px;
        float: left;
        padding-top: 50px;
        padding-bottom: 45px;
        overflow: hidden;
}

.telinfo3{
        width: 326px;
        height: 117px;
        float: right;
}

.telinfo3 img {
  border: solid 6px #f2f2f2;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.telinfo3 a:hover img {
  border: solid 6px #FA257E;
}

.telinfomini{
        width: 278px;
        height: 90px;
        float: right;
}

.telinfomini img {
  border: solid 6px #f2f2f2;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.telinfomini a:hover img {
  border: solid 6px #FA257E;
}

.inforegion3{
        width: 900px;
        height: 140px;
}


.telinfo{
        width: 362px;
        height: 149px;
        float: right;
}

.telinfo img {
  border: solid 10px #f2f2f2;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.telinfo a:hover img {
  border: solid 10px #FA257E;
}

.inforegion{
        width: 900px;
}

.content ul.ma3_menu{
	overflow: hidden;
	height: 100px;
}

.content ul.ma3_menu li{
	float: left;
	margin: 0 0 0 15px;
}

.content ul.ma3_menu li.first{
	margin: 0;
}


img.btnLink {
  border: solid 10px #f2f2f2;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a:hover img.btnLink {
  border: solid 10px #FA257E;
}


a.back:link,
a.back:visited {
	padding: 2px 0 0 15px;
	background: url("../img/ic_back_off.png") left no-repeat;
}

a.back:hover {
	padding: 2px 0 0 15px;
	background: url("../img/ic_back_on.png") left no-repeat;
}

a.list {
	padding: 0 0 0 12px;
	background: url("../img/li_sevice_list.png") left no-repeat
}

#main #error{
	font-size: 28px;
	line-height: normal;
	height: 50px;
	margin: 0 10px 50px 10px;
	padding: 0 0 0 10px;
	background: #f2f2f2;
}


/*
------------------------------
   MA3 VIDEO
------------------------------ */

#ma3-video-wrap{
	overflow: hidden;
	margin: 0 10px 40px 40px;
}


#ma3-video-wrap-telinfo{
        overflow: hidden;
        margin: 0 10px 40px 10px;
}

#ma3-video-telinfo{
        width: 278px;
        height: 90px;
        float: right;
        margin: 0 0 20px 0;
}

#ma3-video-telinfo img {
  border: solid 6px #f2f2f2;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#ma3-video-telinfo a:hover img {
  border: solid 6px #FA257E;
}

#ma3-video-info{
	overflow: hidden;
	margin: 0 40px 40px 40px;
}

#ma3-video-left{
	float: left;
	width: 640px;
	margin: 14px 0 0 0;
}

#ma3-video-right{
	float: right;
	width: 255px;
}

#ma3-video-right-telinfo{
        float: right;
        width: 305px;
}

#ma3-video-main{
	margin: 0 0 40px 0;
}

#ma3-video-text{
	
}

#ma3-video-list{
	margin: 14px 0 40px 30px;
	min-height: 360px;
}

.purple{
	color:#ce6680;
}

#ma3-video-list dl dt{
	margin-top: 14px
}

#ma3-video-list dl, #seminar-video-list dl{
}

#ma3-video-list dl dt, #seminar-video-list dl dt{
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
}

#ma3-video-list dl dd, #seminar-video-list dl dd{
	margin: 0 0 5px 35px;
	font-size: 11px;
	line-height: 16px;
}

#ma3-video-list dl dt a:link,
#seminar-video-list dl dt a:link,
#ma3-video-list dl dt a:visited,
#seminar-video-list dl dt a:visited{
	padding: 2px 0 1px 20px;
	color: #3a3433;
	background: url("../img/li_ma3_video_list.png") left top no-repeat;
}

#ma3-video-list dl dt a:hover,
#seminar-video-list dl dt a:hover,
#ma3-video-list dl dt a:active,
#seminar-video-list dl dt a:active{
	color: #f6185c;
	padding: 2px 0 1px 20px;
	background: url("../img/li_ma3_video_list_on.png") left top no-repeat;
}

#ma3-video-list dl dd span,
#seminar-video-list dl dd span{
	color: #f6185c;
	font-weight: bold;
}



#ma3-video-data{

}

#ma3-video-text h2{
	margin: 0px 0px 20px 0px;
}

#ma3-video-text2 h3{
	margin: 20px 0px 20px 228px;
}

#ma3-video-text p{
	margin: 0 0 16px 0;
	font-size: 12px;
	line-height: 16px;
}

#ma3-video-data h4{
	margin: 0 0 5px 0;
	font-size: 14px;
	line-height: 20px;
}

#ma3-video-data p{
	margin: 0 0 20px 0;
	font-size: 14px;
	line-height: 10px;
}

#movie01,#movie02,#movie03,#movie04,#movie05,
#movie06,#movie07,#movie08,#movie09,#movie10,
#plya01,#play02,#play03,#play04,#play05,
#play06,#play07,#play08,#play09,#play10{
	display: none;
}

#seminar-video-list{
        margin: 0 0 0 30px;
        min-height: 300px;
}

/*
------------------------------
   HOME
------------------------------ */

#mainvisual{
	margin: 0 10px 10px 10px;
}

#ma3_sevices{
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 10px 10px 0 10px;
  border-top: solid 10px #f2f2f2;
}

#ma3_menu{
	overflow: hidden;
	height: 54px;
	margin: 0 0 0 0;
	padding: 23px 105px 13px 105px;
	text-align: center;
  border-top: solid 10px #f2f2f2;
}

#ma3_home_menu{
	overflow: hidden;
	height: 54px;
	margin: 0 0 0 0;
	padding: 13px 105px 23px 105px;
	text-align: center;
  border-bottom: solid 10px #f2f2f2;
}

#ma3_menu ul,
#ma3_home_menu ul{
	overflow: hidden;
	height: 54px;
	margin: 0 auto;
}

#ma3_menu ul li,
#ma3_home_menu ul li{
	float: left;
	margin: 0 40px;
	padding: 0;
}



#home_ma3_sevices{
	overflow: hidden;
	border-top: solid 10px #f2f2f2;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	margin: 0;
}

#home_ma3_sevices img,
#ma3_sevices img {
  border: solid 10px #f2f2f2;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#home_ma3_sevices a:hover img,
#ma3_sevices a:hover img {
  border: solid 10px #FA257E;
}

.ma3_service{
	float: left;
	width: 313px;
	padding: 0 10px 0 0;
}

.ma3_service3{
	float: left;
	width: 313px;
	padding: 0;
}

#home_ma3_sevices h2{
	margin: 0 0 10px 0;
	font-size: 12px;
	line-height: 16px;
}

#ma3_sevices p{
	margin: 0;
}

#ma3_omm {
	margin: 0 0 0 20px;
	color: #0e7ab6;
	font-size: 14px;
	font-weight: bold;
}

#ma3_omm a {
	color: #0e7ab6;
	text-decoration: underline;
}

#ma3_omm a:hover {
	color: #FA257E;
}

#top_book{
	width: 294px;
	padding: 10px;
}

#top_book_inner{
	background-color: #FFF;
	text-align: center;
	margin-bottom: 8px;
	padding: 5px;
}

#top_book_inner h3{
	margin: 0;
	padding: 0;
}

#bookleft{
	width: 468px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

#bookright{
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 460px;
}

#bookright h2{
	font-size: 24px;
	color: #000;
	margin-left: 0;
	margin-bottom: 15px;
}

#bookright h3{
	font-size: 24px;
	color: #000;
	margin-bottom: 15px;
}

#bl {
	color: #000;
}

#bl a{
	color: #000;
}

#booktxt{
	font-family: "‚l‚r ‚o–¾’©", "MS PMincho", "ƒqƒ‰ƒMƒm–¾’© Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom: 30px;
	margin-top: 30px;
}

#booktxt h3{
	font-size: 14px;
	color: #333;
}

#booktxt p{
	margin-top: 20px;
}

#bookprof{
	margin-bottom: 20px;
}

#bookprof p{
	font-size: 12px;
}

#bookthum{
	margin-top: 10px;
	margin-bottom: 10px;
}

#bookamazon{
	text-align: center;
	margin-top: 30px;
}

#book_end{
	clear: both;
}


/*
------------------------------
   MA3 HOME
------------------------------ */

#ma3_home_mainvisual_wrap{
	overflow: hidden;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

#ma3_home_mainvisual{
	float: left;
	width: 636px;
	position: absolute;
}

#videoIconBase {
	margin: 0 0 0 0;
	position: absolute;
	bottom: 262px;
	left: 470px;
}


#videoIcon{
    margin: 0 0 0 0;
	position:absolute;
	bottom: 275px;
	left: 494px;
    display: block;
    float: left;
}

#videoIcon{
    background: url(../img/videoIcon-hover.png) no-repeat;
    width: 80px;
    height: 62px;
    }
#videoIcon a { display: block; }
#videoIcon a:hover{ background: none; }
#videoIcon a:hover img { visibility: hidden; }



#ma3_home_mainvisual h2{
	margin: 0;
}
#ma3_home_mainvisual_news{
	float: right;
	width: 314px;
	height: 411px;
	background: #efefef;
	margin-bottom: 10px;
}

#ma3_home_mainvisual_news_inner{
	overflow: auto;
	width: 284px;
	height: 341px;
	padding: 15px;
}

#ma3_home_mainvisual_news p{
	padding: 3px 15px 0 15px;
	font-size: 12px;
	line-height: 16px;
}

#ma3_home_mainvisual_news dl{
}

#ma3_home_mainvisual_news dl dt{
	padding: 0 0 0 15px;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	background: url("../img/li_sevice_list.png") left no-repeat
}

#ma3_home_mainvisual_news dl dd{
	margin: 0 0 20px 15px;
	font-size: 11px;
	line-height: 16px;
}

#manabito{
	border-top: solid 10px #fff;
	padding-top: 10px;
	text-align: center;
}





/*
------------------------------
   CONTACT
------------------------------ */

.contact-bold{
	font-weight: bold;
}


/*
------------------------------
   RECRUIT
------------------------------ */

input.w300 {
	width: 300px;
}

input.w400,
textarea.w400 {
	width: 400px;
}



/*
------------------------------
   EDIT ACCOUNT
------------------------------ */

#edit-account {
	margin: 0 20px 50px 400px;
}

#edit-account h2 {
	margin: 0 0 50px 0;
	color: #111;
	font-size: 18px;
	line-height: 24px;
}

#edit-account p {
	margin: 0 0 20px 0;
	color: #4d4d4d;
	font-size: 14px;
	line-height: 20px;
}

#edit-account p strong {
	color: #111;
}

#edit-account  input.w300{
	width: 300px;
	padding: 3px;
	font-size: 12px;
}


#edit-center {
	margin: 0 260px 50px 260px;
}

#edit-center h3 {
	margin: 0 auto 50px auto;
	color: #111;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
}

#edit-center p {
	margin: 0 0 20px 0;
	color: #111;
	font-size: 14px;
	line-height: 24px;
}

#edit-center p input.w430{
	width: 430px;
	padding: 3px;
	font-size: 12px;
}

#edit-center table {
	margin: 0 0 20px 0;
}

#edit-center table th,
#edit-center table td {
	padding: 8px;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
}

#edit-center table td input{
	width: 290px;
	padding: 3px;
	font-size: 12px;
}

#edit-center table td input.tel{
	width: 80px;
}

#edit-center table.edit-submit td {
	padding: 0 10px 0 0;
}

#edit-center table.edit-submit td input{
		width: 132px;
}


/*
------------------------------
   Site Map 
------------------------------ */

#sitemap{
        margin: 0 0 0 50px;
}

.col3_wrap{
        margin: 0 10px 0 10px;
        height: 170px;
}


.col3_wrap hr{
        margin: 4px 70px 0 10px;
        display: block;
        border-color: #f2f2f2;
}

.col3_wrap p{
        font-weight: bolder;
        font-size: 15px;
        margin: 0 0 0 10px;
        color: #000000;
}

.col3_wrap .col{
        margin: 10px 0px 10px 10px;
        width: 280px;
        float: left;       
        overflow: hidden;
}

.col3_wrap .col h3{
        padding: 0 0 0 10px;
        font-size: 13px;
        font-weight: normal;
        color: #101010;
}

.col3_wrap .col ul li{
        margin: 0;
        padding: 0 0 0 20px;
        font-size: 12px;
}

.col3_wrap .col a:link, .col3_wrap .col a:visited{
        color: #7B7573;
}

.col3_wrap .col a:hover{
        color: #356586;
        text-decoration: underline;
}

/*
------------------------------
   404error
------------------------------ */

.col3_wrap1{
        margin: 0 10px 0 10px;
        height: 270px;
}


.col3_wrap1 hr{
        margin: 4px 70px 0 10px;
        display: block;
        border-color: #f2f2f2;
}

.col3_wrap1 p{
        font-weight: bolder;
        font-size: 15px;
        margin: 0 0 0 10px;
        color: #000000;
}

.col3_wrap1 .col{
        margin: 10px 0px 10px 10px;
        width: 280px;
        float: left;       
        overflow: hidden;
}

.col3_wrap1 .col h3{
        padding: 0 0 0 10px;
        font-size: 13px;
        font-weight: normal;
        color: #101010;
}

.col3_wrap1 .col ul li{
        margin: 0;
        padding: 0 0 0 20px;
        font-size: 12px;
}

.col3_wrap1 .col a:link, .col3_wrap1 .col a:visited{
        color: #7B7573;
}

.col3_wrap1 .col a:hover{
        color: #356586;
        text-decoration: underline;
}

#sitemap_end{
        clear: both;
}

/*
------------------------------
   Footer
------------------------------ */

#footer{
	margin: 0;
	padding: 20px 20px 0 20px;
  border-top: solid 10px #f2f2f2;
}

#footer_menu_wrap{
	overflow: hidden;
	padding: 0 0 0.1px 0;
	border-bottom: 2px solid #F3F3F3;
	text-align: left;
	font-weight: normal;
}

#footer_press_wrap{
	float: left;
	width: 224px;
/*	width: 293px;*/
/*	width: 200px;*/
	padding: 0 20px 0 0;
}

#footer_press{

}

#footer_event{

}


#footer_press ul li{
	margin: 0px;
	padding: 0 0 0 15px;
	background: url("../img/li_menu.png") left no-repeat;
}

#footer_event{
}

#footer_event p{
	padding: 0 0 0 15px;
	background: url("../img/li_event.png") top left no-repeat;
	font-size: 12px;
	line-height: 16px;
}


#footer_event dl{
}

#footer_event dl dt{
	padding: 0 0 0 15px;
	background: url("../img/li_menu.png") left no-repeat;
	font-size: 11px;
	line-height: 16px;
/*	font-weight: bold; */
}

#footer_event dl dd{
	margin: 0 0 25px 15px;
	font-size: 11px;
	line-height: 16px;
}


#footer_about{
	float: left;
	width: 288px;
/*	width: 294px;*/
/*	width: 200px;*/
	padding: 0 20px 0 0;
}

#footer_service{
	float: left;
	width: 228px; 
/*	width: 137px; */
/*	width: 340px;*/	
	padding: 0 20px 0 0;
}

#footer_contact{
	float: left;
	width: 135px;
/*	width: 146px;*/
/*	width: 135px;*/
	padding: 0;
}

.footer_inner{
	padding: 4px 0 0 0;
}

#footer h3{
	margin: 0 0 20px 0;
}

#footer p{
	margin: 0 0 20px 0;
	font-size: 12px;
	line-height: 16px;
}

#footer ul{
	margin: 0 0 25px 0;
}

#footer ul li{
	font-size: 12px;
	line-height: 16px;
}

#footer .footer_inner h3,
#footer .footer_inner p{
	margin: 0 0 5px 0;
}

p#copyright{
	margin: 0;
	padding: 35px 0 30px 0;
	text-align: center;
}

#material_dl ul li{
        margin: 0px;
        padding: 0 0 0 15px;
        background: url("../img/li_menu.png") left no-repeat;
}

p#body-top-text {
        width: 980px;
        font-weight: lighter;
        font-size: 7pt;
        margin: 0px auto 0px auto;
        color: #999999;
        text-align: right;
}

p#body-bottom-text {
        font-size: 7pt;
        color: #999999;
        text-align: right;
        margin: 0px auto 0px auto;
        width: 980px;
}

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

#blog-container {
        float: left;
        margin: 0 0 0 0;
        width: 740px;
}
#blog-content {
        margin: 0 16px 0 10px;
}
#blog-primary,
#blog-secondary {
        float: right;
        overflow: hidden;
        width: 240px;
}
#blog-secondary {
        clear: right;
}
#blog-footer {
        clear: both;
        width: 100%;
}

.blog-post {
        border: 2px;
        border-style: solid;
        border-color: #F2F2F2;
        padding: 20px 20px 20px 20px;
        margin: 0 0 60px 0;
}

.blog-entry-title {
        margin: 0 0 4px 0;
        line-height: normal;
        font-size: 20px;
        font-family: 'Hiragino Mincho Pro', 'Meiryo', 'Verdana', sans-serif;
}

.blog-entry-title a:link, .blog-entry-title a:visited {
        color: #555555;
}

.blog-entry-title a:hover {
        color: #000000;
}

.blog-entry-meta {
        margin: 0 0 20px 0;
        line-height: normal;
        font-size: 10px;
        color: #888888;
}

.blog-entry-meta a:link, .blog-entry-meta a:visited {
        color: #888888;
}

.blog-entry-meta a:hover {
        color: #000000;
        text-decoration: underline;
}

.blog-entry-content {
        font-family: 'Hiragino Mincho Pro', 'Meiryo', 'Verdana', sans-serif;
        color: #555555;
}

.blog-entry-content img {
        margin: 28px 0 28px 0;
}

.blog-entry-utility {
        margin: 20px 0 0 0;
        line-height: normal;
        font-size: 10px;
        color: #888888;
}

.blog-entry-utility a:link, .blog-entry-utility a:visited {
        color: #888888;
}

.blog-entry-utility a:hover {
        color: #000000;
        text-decoration: underline;
}

.blog-widget-area {
        margin: 0 0 0 0;
        line-height: normal;
        font-size: 12px;
}

.blog-widget-area a:link, .blog-widget-area a:visited {
        color: #666666;
}

.blog-widget-area a:hover {
        color: #000000;
        text-decoration: underline;
}

.blog-widget-search {
        margin: 16px 0 24px 0;
        line-height: 18px;
        font-size: 12px;
}

.blog-widget-search #s {
        margin: 0 0 0 12px;
        line-height: 18px;
        font-size: 12px;
}

.blog-widget-area ul {
        line-height: 18px;
        margin: 0 0 12px 12px;
}

.blog-widget-title h3 {
        line-height: normal;
        font-size: 14px;
}


/*
------------------------------
   omp_contents css 20121020
------------------------------ */



#omp_menu{
	overflow: hidden;
	height: 100px;
	margin:0px;
	padding:0px;
	text-align: left;
}

#omp_menu.top_menu{
	border-bottom: solid 10px #f2f2f2;
}

#omp_menu.bottom_menu{
	border-top: solid 10px #f2f2f2;
}

.concept_menu{
	float:left;
	margin: 6px 0px 0px 40px;
	overflow: hidden;
}

.concept_menu dt{
	margin: 0 0 0 15px;
	color: #828282;
	font-size: 10px;
}

.concept_menu dd{
	margin: 6px 0px 8px 15px;
	line-height: 0px;
}

.service_menu {
	float: left;
	margin:6px 0 0 90px;
	overflow: hidden;
}

.service_menu dt{
	margin: 0 0 0 15px;
	color: #828282;
	font-size: 10px;
}

.service_menu dd{
	margin: 6px 0px 8px 15px;
	line-height: 0px;
}

.service_menu2{
	float:left;
	margin: 6px 0px 0px 20px;
	overflow: hidden;
}

.service_menu2 dt{
	margin: 0 0 0 15px;
	visibility: hidden;
}

.service_menu2 dd{
	margin: 6px 0px 8px 15px;
	line-height: 0px;
}

.service_menu3{
	float:left;
	margin: 6px 0px 0px 20px;
	overflow: hidden;
}

.service_menu3 dt{
	margin: 0 0 0 15px;
	visibility: hidden;
}

.service_menu3 dd{
	margin: 6px 0px 8px 15px;
	line-height: 0px;
}


.content_ma3_omp_head{
        clear: both;
	overflow: hidden;
        width: 900px;
        margin: 10px 40px 40px 40px;
}

.content_ma3_omp_head p{
        margin: 20px 0;
}

#ma3_omp_wrap h1{
	margin-top:20px;
}

#ma3_omp_wrap h2{
	margin: 20px 0;
}
#ma3_omp_wrap h3{
	margin-top:10px;
}

#ma3_omp_wrap h4{
	margin-bottom:10px;
}

.orange{
	color:#ffAA33;
}

#orange-om{
	color:#ffAA33;
	font-size: 20px;
	line-height: 36px;
}


#ma3_omp_wrap .content{
	overflow: auto;
	height:auto;
	margin: 0 40px 50px 40px;
}

#ma3_omp_wrap .archi_head{
	margin-bottom: 0; 
}

.cts_l530{
	float:left;
	width:530px;
}

.cts_r530{
	float:right;
	width:530px;
}

.cts_l350{
	float:left;
	width:350px;
}

.cts_r540{
	float:right;
	width:540px;
}

.cts_r350{
	float:right;
	width:350px
}

.cts_l290{
	float:left;
	width:290px;
}

.cts_l600{
	float:left;
	width:600px
}

.cts_r290{
	float:right;
	width:290px;
}

.cts_r280{
	float:right;
	width:280px;
}

.cts_r210{
	float:right;
	width:210px;
}


.cts_r600{
	float:right;
	width:600px;
}

.cts_r500{
	float:right;
	width:500px;
}

.cts_r360{
	float:right;
	width:360px;
}

.cts_l670{
	float:left;
	width:670px;
}

.cts_l400{
	float:left;
	width:400px;
}

.cts_r490{
	float:right;
	width:490px;
}

.cts_r445{
	float:right;
	width:445px;
}

.cts_r400{
	float:right;
	width:400px;
}

.cts_l470{
	float:left;
	width:470px;
}

.cts_r470{
	float:right;
	width:470px;
}

.cts_r420{
	float:right;
	width:420px;	
}

.cts_l460{
	float: left;
	width: 460px;
}

.cts_r430{
	float: right;
	width: 430px;
}

.cts_l570{
	float: left;
	width: 570px;
}

.cts_r320{
	float: right;
	width: 320px;
}

.cts_l340{
	float: left;
	width: 340px;
}

.cts_r550{
	float: right;
	width: 550px;
}

.cts_l550{
	float: left;
	width: 550px;
}

.cts_r340{
	float: right;
	width: 340px;
}

.cts_l330{
	float: left;
	width: 330px;
}

.cts_r560{
	float: right;
	width: 560px;
}

.cts_l580{
	float: left;
	width: 580px;
}

.cts_r310{
	float: right;
	width: 310px;
}

.cts_l320{
	float: left;
	width: 320px;
}

.cts_r570{
	float: right;
	width: 570px;
}

.cts_l410{
	float: left;
	width: 410px;
}

.cts_r480{
	float: right;
	width: 480px;
}

.cts_l440{
	float: left;
	width: 440px;
}

.cts_r450{
	float: right;
	width: 450px;
}

.cts_l370{
	float: left;
	width: 370px;
}

.cts_r520{
	float: right;
	width: 520px;
}

.cts_l360{
	float: left;
	width: 360px;
}

.cts_r530{
	float: right;
	width: 530px;
}

.cts_l450{
	float: left;
	width: 450px;
}

.cts_r440{
	float: right;
	width: 440px;
}

.cts_l480{
	float: left;
	width: 480px;
}

.cts_r410{
	float: right;
	width: 410px;
}

.cts_l420{
	float: left;
	width: 420px;
}

.cts_r470{
	float: right;
	width: 470px;
}

.cts_l430{
	float: left;
	width: 430px;
}

.cts_r460{
	float: right;
	width: 460px;
}

.cts_l500{
	float: left;
	width: 500px;
}

.cts_r390{
	float: right;
	width: 390px;
}

.cts_l380{
	float: left;
	width: 380px;
}

.cts_r510{
	float: right;
	width: 510px;
}

.cts_l300{
	float: left;
	width: 300px;
}

.cts_r590{
	float: right;
	width: 590px;
}

.cts_l310{
	float: left;
	width: 310px;
}

.cts_r580{
	float: right;
	width: 580px;
}

.cts_l260{
	float: left;
	width: 260px;
}

.cts_r630{
	float: right;
	width: 630px;
}

.cts_l560{
	float: left;
	width: 560px;
}

.cts_r330{
	float: right;
	width: 330px;
}

.cts_w900{
	margin: 0px auto;
	width:900px;
	overflow:auto;
	text-align:center;
}

.cts_l270{
	float:left;
	width:270px;
	margin-right:45px;
	text-align:left;
}

.cts_l815{
	float:left;
	width:815px;
	margin-left:75px;
	text-align:left;
}

.cts_l815 dt{
	font-weight: bold;
}

.cts_w900 a{
	color: #808080;
}

.cts_w900 a:hover,
.cts_w900 a:active {
  color: #FA257E;
}

.cts_w900 h4,h5{
	font-size: 16px;
	font-weight: 600;
	color: #646464;
	margin-bottom:10px;
	text-align:center;
}

.p14_text{
	font-size: 14px;
	color: #7f7f7f; 
	margin-top:20px;
	margin-bottom:40px;
}

.p12_text{
	font-size: 12px;
	color: #7f7f7f;
	margin-bottom:30px;
}


.to-next {
	text-align: center;
	margin: 0 0 100px 0;
	color: #0e7ab6;
	font-size: 22px;
	font-weight: bold;
}

.to-next a {
	color: #0e7ab6;
	text-decoration: underline;
	padding: 0 0 0 14px;
background: url("../img/li_sevice_list.png") left no-repeat;
}

.to-next a:hover {
	color: #FA257E;
}

#vps-bg {
	background: #e9e9ff;
	margin: 60px 0;
	padding: 10px 0;
	border: 5px solid #ddd;
}

#vps-ttl {
	font-size: 24px;
	text-align: center;
}

table.vps-table caption {
	font-size: 12px;
	text-align: left;
	margin-bottom: 10px;
	padding: 0 70px;
}

table.vps-table {
	border: 1px solid #ccc;
	font-size: 11px;
	line-height: 18px;
}

table.vps-table th {
	width: 150px;
	margin: 0;
	padding: 5px;
	background: #eee;
	border-right: 1px dotted #ccc;
	border-bottom: 1px solid #ccc;
}

table.vps-table td {
	width: 750px;
	margin: 0;
	padding: 5px;
	background:  #f9f9f9;
	border-bottom: 1px solid #ccc;
}

#vps-bg h3 {
	font-size: 16px;
	color: #999;
}

#vps-bg .content {
	margin-bottom: 20px; 
}

/*=============================
override
=============================*/

.image-shine{
    width:  314px;
    height: 134px;
    position: relative;
}

.hover-shine{
    width:100%; height: 100%;
    background-image: url(../img/hover_shine.png);
    position: absolute;
    /*initial position*/
    background-position: -255px 0;
    left:0px; top:0px;
    background-repeat:no-repeat;
    /*css transition*/
    -webkit-transition: background-position .3s ease;
       -moz-transition: background-position .3s ease;
         -o-transition: background-position .3s ease;
            transition: background-position .3s ease;
}

.hover-shine:hover{
    /*Final position*/
    background-position: 150px 0;
}