@charset "utf-8";

/* ------------------------------------------------ */
/*  akarag.com last 10/04/28
/* ------------------------------------------------ */


/* ------ basic ------ */

html {
	background-color:#f7f7f7;
	color:#333;
	font-size:10px;
	height:100%;
	line-height:1;
}

body {
	background:#f7f7f7 url(../images/cmn_bg_header.gif) 0 0 repeat-x;
	font-family:sans-serif;
	font-size:160%;
	height:100%;
	margin:0;padding:0;
	text-align:center;
}

h1,h2,h3,h4,h5,h6,form,dl,dt,dd,p,div {
	font-size:100%;
	line-height:1.3;
	margin:0;padding:0;
}
ul,ol{
	list-style: none outside;
	margin:0;
	padding:0;
}
p{
	font-size:88%;
	line-height:1.6;
	padding-bottom:0.5em;
}
img { border-style:none; }
em { font-style:normal; }
label { cursor:pointer; }

a:link {color:#1D3994;text-decoration:none;}
a:visited {color:#6A3884;text-decoration:none}
a:active, a:hover {color:#458CDD;text-decoration:underline;}




#WRAP{
	margin:0 auto;
	text-align:left;
	width:960px
}

#CONTENTS{
	width:940px;
}
#CONTENTS #CONTENTS_BODY{
	background-color:#fff;
	border:1px solid #ececec;
	margin-top:15px;
	padding:25px 20px 20px 20px;
	width:900px;
}

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


#HEADER{
	position:relative;
}
#HEADER h1{
	padding-top:21px;
}
#NAV {
	height:89px;
	margin-top:10px;
	position:relative;
}
#NAV li{
	float:left;
	width:160px;
	position:relative;
}

#NAV li a{
	background-image: url(../images/nav_btn_home_off.gif);
	background-repeat:no-repeat;
	display:block;
	height: 89px;width:160px;
	outline:none;
	text-indent:-9999px;
}
#NAV li a:hover{
	background-image: url(../images/nav_btn_home_on.gif);
}
a.nav_home    { background-position:0 0; }
a.nav_video   { background-position:-160px  0; }
a.nav_mappappa{ background-position:-320px  0; }
a.nav_media   { background-position:-480px  0; }
a.nav_contents{ background-position:-640px  0; }
a.nav_about   { background-position:-800px  0; }

/* selected */
.service_video #NAV li a.nav_video,
.service_mappappa #NAV li a.nav_mappappa,
.service_media #NAV li a.nav_media,
.service_contents #NAV li a.nav_contents,
#ABOUT #NAV li a.nav_about { background-image: url(../images/nav_btn_home_on.gif); }

/* drop down menu*/
#NAV li ul{
	display:none;
	position:absolute;
}

#NAV li ul li a{
	background-color:#f6f6f6;
	background-image:none;
	border:1px solid #fff;
	border-width:0 1px 1px 1px;
	font-size:88%;
	height:1.4em;
	padding:10px 15px;
	text-indent:0;
	width:110px;
}
#NAV li ul li a:hover{
	background-color:#fafafa;
	background-image:none;
}

/* sub menu*/

.subnav{
	position:absolute;
	right:22px;
	top:23px;	
}
.subnav a img{
	margin-left:10px;
	vertical-align:middle;
}

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

#FOOTER{
	font-size:75%; /* 12px */
	margin-top:18px;
	width:940px;
}

#FOOTER .fnav{
	border:1px solid #dbdbdb;
	border-width:1px 0 1px 0;
}
#FOOTER .fnav ul{
	background-color:#f0f0f0;
	border:1px solid #f7f7f7;
	border-width:1px 0 1px 0;
	padding:5px 0;
	text-align:center;
}

#FOOTER .fnav ul li{
	border-left:1px solid #ccc;
	display:inline;
	margin-right:5px;
	padding-left:10px;
}
#FOOTER .fnav ul li.first_li{
	border-left-style:none;
	padding-left:0;
}

.copyright{
	margin:5px 0;
	padding:1px;
	text-align:center;
}


/* ------ common func ------ */

.clr:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clr {
  min-height: 1px;
}

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


/* ------ frant page ------ */


#CONTENTS #MOVIE{
	background:#fff url(../images/bg_movie_shadow.gif) center bottom no-repeat;
	border-top:1px solid #ececec;
	height:350px;
	margin-top:15px;
	padding-bottom:11px;
	width:940px;
}

#CONTENTS .service_list{
	margin-top:10px;
	margin-left:-20px;
	_margin-left:-40px;
}
#CONTENTS .service_list li{
	float:left;
	margin-left:21px;
	_margin-left:20px;
	width:218px;
}
#CONTENTS .service_list li a{
	background:#fff url(../images/bg_moreinfo_off.gif) center bottom no-repeat;
	border:1px solid #ccc;
	color:#333;
	float:left;
	font-size:88%; /* 14px */
	height:24em;
	line-height:1.5;
	padding:8px;
	width:202px;
}
#CONTENTS .service_list li a:hover{
	background-image:url(../images/bg_moreinfo_on.gif);
	border-color:#ddd;
	text-decoration:none;
}
#CONTENTS .service_list li a img.sample{
	border:1px solid #ccc;
}

/* ------ service page ------ */

#SERVICE #CONTENTS_BODY{
	background-color:#fff;
	border:1px solid #ececec;
	margin-top:15px;
	padding:25px 20px 0 20px;
	width:900px;
}

#SERVICE #CONTENTS h2{
	font-size:163%; /* 26px */
	margin-bottom:10px;
}
#SERVICE #CONTENTS h3{
	color:#666;
	font-size:88%; /* 14px */
	margin-bottom:20px;
}
#SERVICE #CONTENTS .description{
	margin-bottom:20px;
	margin-top:20px;
}
#SERVICE #CONTENTS .description img{
	float:left;
	margin:0 20px 20px 0;
}
#SERVICE #CONTENTS .description p{
	font-size:88%; /* 14px */
	float: right;
}
#SERVICE #CONTENTS .section{
	margin-bottom:20px;
	margin-top:20px;
}
#SERVICE #CONTENTS .section h3{
	color:#333;
	font-size:100%;
	margin-bottom:15px;
}
#SERVICE #CONTENTS .section img{
}
#SERVICE #CONTENTS .section p{
	font-size:88%; /* 14px */
}
#SERVICE #CONTENTS .top_image{
	margin-bottom:20px;
}

/* --- layout type 1 --- */

ul.func_group1{
	border-bottom:1px solid #ccc;
	margin:0 -10px 25px -10px;
	padding-bottom:10px;
}
.func_group1 li{
	float:left;
	padding:0 10px 5px 10px;
	width:440px;
}

.func_group1 li h4{
	color:#000;
	font-size:100%; /* 16px */
	font-weight:bold;
	margin-bottom:15px;
}
.func_group1 li img{
	border:1px solid #ccc;
	float:left;
	margin-right:20px;
	padding:1px;
}
.func_group1 li p{
	padding-left:130px;
}


/* --- layout type 2 --- */

ul.func_group2{
	margin:0 -10px 20px -10px;
	padding-bottom:10px;
}
.func_group2 li{
	float:left;
	padding:0 10px 5px 10px;
	width:210px;
}

.func_group2 li h4{
	color:#000;
	font-size:88%; /* 14px */
	font-weight:bold;
	margin-bottom:10px;
}
.func_group2 li img.frm{
	border:1px solid #ccc;
	display:block;
	margin-bottom:10px;
	padding:1px;
}

/* --- layout type 3 --- */
ul.func_group3{
	margin:0 0 20px 0;
	padding-bottom:10px;
}
.func_group3 li{
	margin-bottom:15px;
	padding:0 10px 5px 10px;
}
.func_group3 li:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.func_group3 li {
  min-height: 1px;
}

* html .func_group3 li {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.func_group3 li h4{
	color:#000;
	font-size:88%; /* 14px */
	font-weight:bold;
	margin-bottom:10px;
}
.func_group3 li img{
	border:1px solid #ccc;
	float:left;
	margin-right:15px;
	padding:1px;
}
.func_group3 li p{
}

/* --- layout type 4 --- */

ul.func_group4{
	margin:0 0 20px 0;
	padding-bottom:10px;
}
.func_group4 li{
	border-bottom:1px dotted #ccc;
	margin-bottom:15px;
	padding:0 10px 15px 0;
}
.func_group4 li:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.func_group4 li {
  min-height: 1px;
}

* html .func_group4 li {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.func_group4 li h4{
	color:#000;
	font-weight:bold;
	margin-bottom:10px;
}
.func_group4 li img{
	border:1px solid #ccc;
	float:left;
	margin-right:15px;
	padding:1px;
}
.func_group4 li p{
	padding-left:215px;
}

/* --- layout type 5 --- */

ul.func_group5{
	margin:0 0 20px 0;
	padding-bottom:10px;
}
.func_group5 li{
	border-bottom:1px dotted #ccc;
	float:left;
	margin:0 15px 15px 0;
	padding:0 0 15px 0;
	width:435px;
}
.func_group5 li:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.func_group5 li {
  min-height: 1px;
}

* html .func_group5 li {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.func_group5 li h4{
	color:#000;
	font-size:88%; /* 14px */
	font-weight:bold;
	margin-bottom:10px;
	padding-top:5px;
}
.func_group5 li img{
	border:1px solid #ccc;
	float:left;
	margin-right:15px;
	padding:1px;
}
.func_group5 li p{
	line-height:1.4;
	padding-left:215px;
}

/* --- 2 colum layout --- */

.clm_group .clm_left{
	float:left;
	width:440px;
	padding-bottom:10px
}

.clm_group .clm_right{
	float:right;
	width:440px;
	padding-bottom:10px
}

.clm_group h4{
	color:#000;
	font-weight:bold;
	margin-bottom:15px;
}

/* mappappa */
#SERVICE #CONTENTS .feature_mappappa{
	border:3px double #FF9933;
	background-color:#FFFBEC;
	padding:15px 5px 0 15px;
	margin-bottom:25px;
}
#SERVICE #CONTENTS .feature_mappappa ul{
	margin:0;
	padding:0;
}
#SERVICE #CONTENTS .feature_mappappa ul li{
	float:left;
	margin:0 20px 10px 0;
	width:415px;
}
#SERVICE #CONTENTS .feature_mappappa ul li:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#SERVICE #CONTENTS .feature_mappappa ul li {
  min-height: 1px;
}

* html #SERVICE #CONTENTS .feature_mappappa ul li {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
#SERVICE #CONTENTS .feature_mappappa ul li img{
	float:left;
	margin:0 15px 5px 0;
}
#SERVICE #CONTENTS .feature_mappappa ul li h4{
	color:#ff6600;
	margin-bottom:5px;
	padding-top:5px;
}
#SERVICE #CONTENTS .feature_mappappa ul li p{
	padding-bottom:0;
}

#SERVICE #CONTENTS .entry_btn{
	position:absolute;
	right:20px;
	top:25px;
}
#SERVICE.service_mappappa #CONTENTS_BODY{
	position:relative;
}
/* design */
#SERVICE.service_media #CONTENTS_BODY h2{
	margin-bottom:25px;
}
/* contents & technology */
#SERVICE.service_contents .func_group4 li p{
	padding-left:438px;
}
/* ------ about page ------ */

#ABOUT #CONTENTS{
	font-size:163%; /* 26px */
	margin-bottom:10px;
}
#ABOUT #CONTENTS_BODY{
	background-color:#fff;
	border:1px solid #ececec;
	float:left;
	margin-top:15px;
	padding:25px 20px 0 20px;
	width:658px;
}
#ABOUT #CONTENTS_SUB{
	background-color:#fff;
	border:1px solid #ececec;
	float:right;
	margin-top:15px;
	padding:25px 20px 0 20px;
	width:178px;
}

#ABOUT #CONTENTS h2{
	font-size:163%; /* 26px */
	margin-bottom:10px;
}

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

.aboutWrap {
	background:url(../images/bg_2col.gif) no-repeat bottom;
	margin-top:15px;
	padding-top:0;
}

#CONTENTS_BODY_ABOUT {
	border-top:1px solid #ececec;
	float:left;
	margin-top:0px;
	padding:25px 20px 15px 20px;
	width:658px;
	font-size:61%;
	line-height:150%;
}

.aboutHead {
	padding:0 11px 21px 11px;
	font-weight:bold;
}

#CONTENTS_SUB_ABOUT {
	border-top:1px solid #ececec;
	float:right;
	padding:25px 0px 15 0px;
	width:218px;
	font-size:61%;
	line-height:150%;
}

#FORM_TABLE {
	border:1px solid #999999;
	margin-bottom:10px;
	width:655px;
}

.formHead {
	background:url(../images/bg_form_heag.gif) left bottom no-repeat;
	margin:0;
	border-top:1px #fff solid;
	padding:8px 2px 0 5px;
	font-size:88%;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	white-space:nowrap;
}

.formContent {
	border-bottom:1px solid #999999;
	padding:8px 10px;
	margin:0;
	vertical-align:top;
}

.formTxt {
	margin:20px;
}

.red {
	color:#cc0000;
}

.whiteTxt {
	color:#fff;
}

.sTxtBox {
	width:120px;
	background:#fff;
	border:1px solid #999;
	font-size:113%;
}

.lTxtBox {
	width:368px;
	background:#fff;
	border:1px solid #999;
	font-size:113%;
}

.lTxtFIELD {
	width:100%;
	background:#fff;
	border:1px solid #999;
	font-size:113%;
	margin-bottom:5px;
}

.selectLong {
	width:368px;
	margin:5px 0 10px 0;
}

#aboutNavi {
	list-style:url(../images/aboutNaviListStyle.gif);
	margin:28px 20px 0 20px;
	padding:0;
	line-height:1;
}

#aboutNavi li {
	margin:0 0 1.5em 28px;
	padding:0;
}

.aboutPicFrame {
	padding:1px;
	border:1px solid #666;
}

.aboutDaihyoContents {
	margin:0px auto;
	width:638px;
}

.aboutPicMini {
	margin:0 17px 17px 0;
}

.aboutProfileText {
	font-size:88%;
	line-height:1.4;
	margin:18px 0 30px 0;
}

.aboutName {
	font-size:115%;
	font-weight:bold;
	margin:0 0 10px 0;
}

#aboutTable {
	font-size:88%;
	line-heifht:1.8;
}

.aboutTableTrHead {
	width:105px;
	padding:0 0 23px 0;
}

.aboutTableTrContent {
	padding:0 0 23px 0;
}

#PRESS_LIST {
	font-size:88%;
	line-height:1;
	margin:15px 0 20px 0;
}

#PRESS_LIST li {
	border-left:5px solid #ccc;
	margin:0 0 17px 0;
	padding-left:8px;
	
}
#PRESS_LIST li img{
	margin-left:3px;
	vertical-align: text-bottom;
}

#PRESS_LIST .pdf {
	list-style:url(../images/linkNaviPDF.jpg);
}

#PRESS_LIST .url {
	list-style:url(../images/linkNaviURL.jpg);
}

.headSTxt {
	font-size:88%;
}

#partnerWrap {
	width:100%;
}

.partnerBox {
	width:308px;
	padding:0 5px 15px 15px;
	float:left;
	font-size:88%;
}

.partnerLogo {
	display:block;
	margin:0 0 10px 0;
}

.partnerPic {
	padding:1px;
	border:1px solid #666;
	margin:0 15px 15px 0;
}


/* ------ about page ------ */

/* ------ policy page ------ */

#POLICY #CONTENTS h2{
	margin-bottom:20px;
}
#POLICY #CONTENTS .policy_text{
	line-height:1.5;
	margin-bottom:20px;
}
#POLICY #CONTENTS .policy_list{
	font-size:88%; /* 14px */
	margin-bottom:20px;
}
#POLICY #CONTENTS .policy_list dt{
	font-weight:bold;
	margin-bottom:10px;
}
#POLICY #CONTENTS .policy_list dd{
	line-height:1.5;
	margin-bottom:20px;
	padding-left:1.5em;
}
#POLICY #CONTENTS .policy_date{
	margin-bottom:20px;
}

/* ------ policy page ------ */

/* ------ common style  ------ */
img.nofrm{
	border:none!important;
}


/* ------ ref ------ */

/*
---------------
10px  	63%
11px 	69%
12px 	75%
13px 	82%
14px 	88%
15px 	94%
16px 	100%
17px 	107%
18px 	113%
19px 	119%
20px 	125%
21px 	132%
22px 	138%
23px 	144%
24px 	150%
25px 	157%
26px 	163%
---------------*/