@import url("AWT/awt.css");

/* --------------------------------------------------
	initialize
-------------------------------------------------- */

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
	content     : " ";
	display     : block;
	visibility  : hidden;
	clear       : both;
	height      : 0.1px;
	font-size   : 0.1em;
	line-height : 0;
}

* html .pkg { display: inline-block; }
/* */

/* --------------------------------------------------
	body
-------------------------------------------------- */

body {
	/* setting border: 0 hoses ie5 win window inner well border */
	margin:0;
	padding:0;
	text-align  : center;
	font-family : Osaka, ＭＳ Ｐゴシック, MS UI Gothic, sans-serif;
	font-size   : 12px;
	color       : #666666;
	background  : #ffffff;
}

/* --------------------------------------------------
	container
-------------------------------------------------- */

#bg_image {
}

#container {
}

/* --------------------------------------------------
	h1
-------------------------------------------------- */

#h1_text {
	position:absolute;
	top:10px;
	left:10px;
	width       : 100%;
	margin      : 0px;
	padding     : 0px;
	font-size   : 12px;
	font-weight : normal;
	color : #999999;
	z-index: 10;
}

/* --------------------------------------------------
	pagebody
-------------------------------------------------- */

#pagebody {
}

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

#header {
	width    : 100%;
	text-align:center;
	background:url(/Image/common/bg_header_bottom.jpg) 0 bottom repeat-x;
}

#header_inner {
	position : relative;
	width    : 950px;
	text-align:left;
	margin:0 auto;
}

#header_image {
	position: relative;
}

#header_image .p_btncon {
	position:absolute;
	top:48px;
	right:28px;
}


/* --------------------------------------------------
	gloval navigation
-------------------------------------------------- */
div#glnavi {
height:47px;
}

ul#ul_glnavi {
list-style:none;
margin:0;
padding:0;
}

ul#ul_glnavi li {
height:42px;
width:190px;
float:left;
overflow:hidden;
text-indent:-9999px;
margin:0;
padding:0;
display:block;
}

ul#ul_glnavi li a {
text-indent:-9999px;
display:block;
height:42px;
width:190px;
}

ul#ul_glnavi li.li01 a {background:url(/Image/common/btn_gl_01.jpg) 0 0 no-repeat;}
ul#ul_glnavi li.li02 a {background:url(/Image/common/btn_gl_02.jpg) 0 0 no-repeat;}
ul#ul_glnavi li.li03 a {background:url(/Image/common/btn_gl_03.jpg) 0 0 no-repeat;}
ul#ul_glnavi li.li04 a {background:url(/Image/common/btn_gl_04.jpg) 0 0 no-repeat;}
ul#ul_glnavi li.li05 a {background:url(/Image/common/btn_gl_05.jpg) 0 0 no-repeat;}

body#body_index ul#ul_glnavi li.li01 a {background:url(/Image/common/btn_gl_01_on.jpg) 0 0 no-repeat;}
ul#ul_glnavi li.li02_on a {background:url(/Image/common/btn_gl_02_on.jpg) 0 0 no-repeat;}
ul#ul_glnavi li.li03_on a {background:url(/Image/common/btn_gl_03_on.jpg) 0 0 no-repeat;}
ul#ul_glnavi li.li04_on a {background:url(/Image/common/btn_gl_04_on.jpg) 0 0 no-repeat;}
ul#ul_glnavi li.li05_on a {background:url(/Image/common/btn_gl_05_on.jpg) 0 0 no-repeat;}

ul#ul_glnavi li.li01 a:hover {background:url(/Image/common/btn_gl_01_on.jpg) 0 0 no-repeat;}
ul#ul_glnavi li.li02 a:hover {background:url(/Image/common/btn_gl_02_on.jpg) 0 0 no-repeat;}
ul#ul_glnavi li.li03 a:hover {background:url(/Image/common/btn_gl_03_on.jpg) 0 0 no-repeat;}
ul#ul_glnavi li.li04 a:hover {background:url(/Image/common/btn_gl_04_on.jpg) 0 0 no-repeat;}
ul#ul_glnavi li.li05 a:hover {background:url(/Image/common/btn_gl_05_on.jpg) 0 0 no-repeat;}

body#body_ctg_b00 ul#ul_glnavi li.li02 a ,
body#body_ctg_c00 ul#ul_glnavi li.li02 a ,
body#body_ctg_d00 ul#ul_glnavi li.li02 a ,

body#body_etr_ctg_a00 ul#ul_glnavi li.li02 a ,
body#body_etr_ctg_b00 ul#ul_glnavi li.li02 a ,
body#body_etr_ctg_c00 ul#ul_glnavi li.li02 a ,
body#body_etr_ctg_c10 ul#ul_glnavi li.li02 a ,
body#body_etr_ctg_c20 ul#ul_glnavi li.li02 a ,
body#body_etr_ctg_c30 ul#ul_glnavi li.li02 a ,
body#body_etr_ctg_c40 ul#ul_glnavi li.li02 a ,
body#body_etr_ctg_d00 ul#ul_glnavi li.li02 a ,
body#body_etr_ctg_d10 ul#ul_glnavi li.li02 a ,
body#body_etr_ctg_d20 ul#ul_glnavi li.li02 a ,
body#body_etr_ctg_d30 ul#ul_glnavi li.li02 a ,
body#body_etr_ctg_d40 ul#ul_glnavi li.li02 a ,
body#body_etr_ctg_d50 ul#ul_glnavi li.li02 a 
{background:url(/Image/common/btn_gl_02_on.jpg) 0 0 no-repeat;}

/* --------------------------------------------------
	crumb
-------------------------------------------------- */

#crumb {
	position : static;
}

#crumb a {
}

#crumb a:hover {
}

/* --------------------------------------------------
	wrapper
-------------------------------------------------- */
#wrapper {
	background:url(/Image/common/bg_wrapper.jpg) 0 0 repeat-x;
	width    : 100%;
	text-align : center;
	padding-bottom:40px;
}

#wrapper_inner {
	width    : 950px;
	margin:0 auto;
	text-align : left;
}

/* --------------------------------------------------
	alpha
-------------------------------------------------- */

#alpha {
	display  : inline; /* ie win bugfix */
	position : relative;
	float    : left;
	width:668px;
}


body#body_index #alpha-inner {
	padding-top:0px;
}

#alpha-inner {
	padding-top:20px;
overflow:hidden;
}


/* --------------------------------------------------
	eyecatch
-------------------------------------------------- */
div#eyecatch {
margin-bottom:20px;
}

/* --------------------------------------------------
	beta
-------------------------------------------------- */

#beta {
	display  : inline; /* ie win bugfix */
	position : relative;
	float    : right;
	width    : 273px;
	background:url(/Image/common/bg_beta.jpg) 0 0 repeat-y;
}

#beta_middle {
	background:url(/Image/common/bg_beta_bottom.jpg) 0 bottom no-repeat;
	padding-bottom:20px;
}

#beta_inner {
	background:url(/Image/common/bg_beta_head.jpg) 0 0 no-repeat;
	padding-top:40px;
	padding-left:15px;
}

body#body_index #beta_inner {
	background:url(/Image/common/bg_beta_head_top.jpg) 0 0 no-repeat;
}

/* --------------------------------------------------
	side menu 
-------------------------------------------------- */

#side_menu {
	position : relative;
	width    : 209px;
padding-left:10px;
padding-top:10px;
}

#side_menu ul {
	margin  : 0px;
	padding : 0px 0px 0px 0px;
}

#side_menu ul.ul_sub {
	margin  : 0px;
	padding : 0px 0px 10px 0px;
}

#side_menu li {
	list-style : none;
	width      : 209px;
}

.side-menu_m_text {
	padding-left : 10px;
	display:block;
}

.side-menu_s_text {
	padding-left : 25px;
	display:block;
}

.side_bnr{margin:15px 0 0 10px;}

/* --------------------------------------------------
	main menu
-------------------------------------------------- */
/* 制作実績一覧 */
#side_menu li.side-menu_01 {
	height     : 32px;
	background : url(/Image/common/bg_li_sidemenu01.jpg) 0 0 no-repeat;
	margin-bottom:10px;
}

#side_menu li.side-menu_01 a {
	display : block;
	height  : 32px;
	color:#000000;
}

#side_menu li.side-menu_01 a:hover {
	background : url(/Image/common/bg_li_sidemenu01_on.jpg) 0 0 no-repeat;
	color:#000000;
}

/* 代表的なホームページ制作実績 */
#side_menu li.side-menu_02 {
	height     : 32px;
	background : url(/Image/common/bg_li_sidemenu02.jpg) 0 0 no-repeat;
	margin-bottom:10px;
}

#side_menu li.side-menu_02 a {
	display : block;
	height  : 32px;
	color:#000000;
}

#side_menu li.side-menu_02 a:hover {
	background : url(/Image/common/bg_li_sidemenu02_on.jpg) 0 0 no-repeat;
	color:#000000;
}

/* 規模別ホームページ制作実績 */
#side_menu li.side-menu_03_01 {
	height     : 32px;
	background : url(/Image/common/bg_li_sidemenu03.jpg) 0 0 no-repeat;
}

#side_menu li.side-menu_03_01 a {
	display : block;
	height  : 32px;
	color:#000000;
}

#side_menu li.side-menu_03_01 a:hover {
	background : url(/Image/common/bg_li_sidemenu03_on.jpg) 0 0 no-repeat;
	color:#000000;
}

#side_menu li.side-menu_03_02 {
	height     : 32px;
	background : url(/Image/common/bg_li_sidemenu03.jpg) 0 0 no-repeat;
}

#side_menu li.side-menu_03_02 a {
	display : block;
	height  : 32px;
	color:#000000;
}

#side_menu li.side-menu_03_02 a:hover {
	background : url(/Image/common/bg_li_sidemenu03_on.jpg) 0 0 no-repeat;
	color:#000000;
}

/* 業種別ホームページ制作実績 */
#side_menu li.side-menu_04_01 {
	height     : 32px;
	background : url(/Image/common/bg_li_sidemenu04.jpg) 0 0 no-repeat;
}

#side_menu li.side-menu_04_01 a {
	display : block;
	height  : 32px;
	color:#000000;
}

#side_menu li.side-menu_04_01 a:hover {
	background : url(/Image/common/bg_li_sidemenu04_on.jpg) 0 0 no-repeat;
	color:#000000;
}

#side_menu li.side-menu_04_02 {
	height     : 32px;
	background : url(/Image/common/bg_li_sidemenu04.jpg) 0 0 no-repeat;
}

#side_menu li.side-menu_04_02 a {
	display : block;
	height  : 32px;
	color:#000000;
}

#side_menu li.side-menu_04_02 a:hover {
	background : url(/Image/common/bg_li_sidemenu04_on.jpg) 0 0 no-repeat;
	color:#000000;
}

.side-menu_m_text {
	font-weight:bold;
	padding-top : 7px;
}

/* 技術別ホームページ制作実績 */
#side_menu li.side-menu_05_01 {
	height     : 32px;
	background : url(/Image/common/bg_li_sidemenu10.jpg) 0 0 no-repeat;
}

#side_menu li.side-menu_05_01 a {
	display : block;
	height  : 32px;
	color:#000000;
}

#side_menu li.side-menu_05_01 a:hover {
	background : url(/Image/common/bg_li_sidemenu10_on.jpg) 0 0 no-repeat;
	color:#000000;
}

#side_menu li.side-menu_05_02 {
	height     : 32px;
	background : url(/Image/common/bg_li_sidemenu10.jpg) 0 0 no-repeat;
}

#side_menu li.side-menu_05_02 a {
	display : block;
	height  : 32px;
	color:#000000;
}

#side_menu li.side-menu_05_02 a:hover {
	background : url(/Image/common/bg_li_sidemenu10_on.jpg) 0 0 no-repeat;
	color:#000000;
}

.side-menu_m_text {
	font-weight:bold;
	padding-top : 7px;
}

/* --------------------------------------------------
	sub menu
-------------------------------------------------- */
.side-menu_s_text {
	font-weight:normal;
	padding-top : 7px;
}

/* --------------------------------------------------
	beta gloval navigation
-------------------------------------------------- */
div#gl_beta {
margin-top : 15px;
}

ul#ul_gl_beta {
list-style:none;
margin:0;
padding:0 0 0 10px;
}

ul#ul_gl_beta li {
height:41px;
width:209px;
overflow:hidden;
text-indent:-9999px;
margin:0;
padding:0;
display:block;
}

ul#ul_gl_beta li.li01 {
height:43px;
}

ul#ul_gl_beta li a {
text-indent:-9999px;
display:block;
height:41px;
width:209px;
}

ul#ul_gl_beta li.li01 a {
height:43px;
}

ul#ul_gl_beta li.li01 a {background:url(/Image/common/bg_li_sidemenu05.jpg) 0 0 no-repeat;}
ul#ul_gl_beta li.li02 a {background:url(/Image/common/bg_li_sidemenu06.jpg) 0 0 no-repeat;}
ul#ul_gl_beta li.li03 a {background:url(/Image/common/bg_li_sidemenu07.jpg) 0 0 no-repeat;}
ul#ul_gl_beta li.li04 a {background:url(/Image/common/bg_li_sidemenu08.jpg) 0 0 no-repeat;}
ul#ul_gl_beta li.li05 a {background:url(/Image/common/bg_li_sidemenu09.jpg) 0 0 no-repeat;}

ul#ul_gl_beta li.li01 a:hover {background:url(/Image/common/bg_li_sidemenu05_on.jpg) 0 0 no-repeat;}
ul#ul_gl_beta li.li02 a:hover {background:url(/Image/common/bg_li_sidemenu06_on.jpg) 0 0 no-repeat;}
ul#ul_gl_beta li.li03 a:hover {background:url(/Image/common/bg_li_sidemenu07_on.jpg) 0 0 no-repeat;}
ul#ul_gl_beta li.li04 a:hover {background:url(/Image/common/bg_li_sidemenu08_on.jpg) 0 0 no-repeat;}
ul#ul_gl_beta li.li05 a:hover {background:url(/Image/common/bg_li_sidemenu09_on.jpg) 0 0 no-repeat;}


/* --------------------------------------------------
	更新情報
-------------------------------------------------- */
div#sect_new {
width:209px;
padding:15px 0 0 10px;
}

div#sect_new h2 {
margin:0;
padding:0;
}

div#sect_new ul#ul_new {
margin:0px 0px 10px 0px;
padding:10px 10px 10px 10px;
list-style:none;
border:1px solid #cccccc;
border-top:0px;
width:187px;
background:#ffffff;
}

div#sect_new ul#ul_new li {
margin:0;
padding:0;
color:#0099ff;
}

div#sect_new ul#ul_new li a {
color:#666666;
}

div#sect_new p.readmore {
text-align:right;
color:#0099ff;
}

div#sect_new p.readmore a {
color:#666666;
}

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

#footer {
	width : 100%;
	clear : both;
background : #efeded url(/Image/common/bg_footer.jpg) 0 0 repeat-x
}

#footer_inner {
	width : 950px;
	clear : both;
	margin:0 auto;
	height:108px;
}

/* --------------------------------------------------
	copyright
-------------------------------------------------- */

#copyright {
	position    : static;
	width       : 100%;
	text-align  : left;
}


p.p_footnavi {
padding:15px 0px;
color:#666666;
}

p.p_footnavi a {
color:#666666;
}

p.p_footnavi span.span_2l {
display:block;
padding-left:60px;
}


/* --------------------------------------------------
	whatsnew
-------------------------------------------------- */

#whats-new {
	list-style-image : url(/Image/top/li_image.gif);
}

#whats-new ul {
	margin  : 0px;
	padding : 0px;
}

#whats-new li {
	list-style : none;
}

#whats-new a {
}

#whats-new a:hover {
}

/* --------------------------------------------------
	inquiry form
-------------------------------------------------- */

table.tbl_frame{
	margin:10px 0px 10px 15px;
	border:1px solid #dddddd;
	border-collapse:collapse;
	width:600px;
}
table.tbl_frame th{
	background-color:#eeeeee;
	color:#333333;
	font-size:12px;
	padding:0px;
	border-bottom:1px solid #ffffff;
	width:200px;
	text-align:left;
	font-weight:normal;
}


table.tbl_frame th.last{
	border-bottom:1px solid #dddddd;
}
table.tbl_frame td{
	border:1px solid #dddddd;
	padding:0px;
}
table.tbl_frame p{
	padding:5px;
	margin:0px;
	font-size:12px;
}

bl_frame th.last{
	border-bottom:1px solid #dddddd;
}
table.tbl_frame td{
	border:1px solid #dddddd;
	padding:0px;
}

table.tbl_frame p.p_contact_caution {
text-align:center;
}

table.tbl_frame p span.caution {
padding-left:3px;
color:#ff0000;
}


/* --------------------------------------------------
	link
-------------------------------------------------- */
#body_ctg_link .p11 {
text-align:right;
}

#body_ctg_link .p12 {
text-align:right;
margin-top:120px;
}

#body_ctg_link .div01 {
width:290px;
height:70px;
margin:10px 0 10px;
float:left;
}

#body_ctg_link .div02 {
width:290px;
height:70px;
margin:10px 0 10px;
float:right;
}

#body_ctg_link .ul01 {
padding:0;
margin:0;
list-style:none;
}

#body_ctg_link .ul01 li {
margin-right:8px;
font-size:11px;
display:inline;
}

#body_ctg_link .div_link01 {
width:290px;
margin:8px 0 2px;
float:left;
}

#body_ctg_link .div_link02 {
width:290px;
margin:8px 0 2px;
float:right;
}

#body_ctg_link .div03 {
clear:both;
padding-top:20px;
}

#body_ctg_link .div03 .caution {
color:#FF0000;
margin:8px 0 0px;
display:block;
}

#body_ctg_link .div03 code {
padding:7px;
margin:5px 0;
border:1px solid #DCDCDC;
background:#FAFAFA;
display:block;
}

#body_ctg_link .dl_link {
position:relative;
margin-bottom:25px;
}

#body_ctg_link .dl_link dt {
background:url(/Image/common/bg_dd01.jpg) no-repeat;
line-height:25px;
height:25px;
margin:0 0 10px;
padding:1px 18px 0px;
font-weight:bold;
}

#body_ctg_link .dl_link dd {
padding:1px 0px 0px 10px;
margin:0;
}

#body_ctg_link .dl_link dd a.link_detail {
position:absolute;
top:4px;
right:10px;
_right:22px;
height:21px;
border-left:1px solid #DCDCDC;
padding-left:7px;
text-align:right;
color:#909090;
}

#body_ctg_link .dl_link dd a.link_detail:hover {
color:#505050;
text-decoration:none;
}

#body_ctg_link .h4_03{background:#DCDCDC;padding:2px 2px 2px 7px;margin:5px 0;width:611px;font-weight:normal;}

#body_ctg_link .tbl_link_detail {width:615px;}

#body_ctg_link .tbl_link_detail th {
border-top:1px solid #4D89C4;
padding:5px;
width:120px;
text-align:center;
background:#E3F0FA;
color:#4D89C4;
}

#body_ctg_link .tbl_link_detail td {
border-top:1px solid #DCDCDC;
background:#FAFAFA;
padding:5px;
}

#body_ctg_link p.link_list_paging {text-align:center;}
#body_ctg_link p.link_list_paging a {margin-left:5px;}
#body_ctg_link p.link_paging {position:relative;height:12px;margin:10px 0 0;}
#body_ctg_link p.link_paging a.prev {position:absolute;left:20px;}
#body_ctg_link p.link_paging a.cat_top {position:absolute;left:250px;}
#body_ctg_link p.link_paging a.next {position:absolute;right:20px;}


#body_ctg_link  #data-editor {
margin-top:10px;
}

#body_ctg_link  #data-editor th {
border-bottom:1px solid #DCDCDC;
padding:5px;
background:#DCDCDC;
}

#body_ctg_link  #data-editor td {
border-bottom:1px solid #DCDCDC;
background:#FAFAFA;
padding:5px;
}

#body_ctg_link .div03 .caution_b {
margin-top:12px;
color:#505050;
font-size:11px;
line-height:1.4;
background:#fafafa;
padding:6px;}

/* トップページ　実績 */
.p_top_portfolio1 { margin-top:-49px; margin-right:-4px; margin-bottom:12px; text-align:right; position:relative;}

/* トップページ　こだわり */
.sd_strength1 { background:url(../Image/top/strength/bg_sd_strength1.gif) 0 0 repeat-y; margin-bottom:10px;}
.sd_strength1w1 { background:url(../Image/top/strength/bg_sd_strength1w1.gif) 0 0 no-repeat; *zoom:1;}
.sd_strength1w2 { background:url(../Image/top/strength/bg_sd_strength1w2.gif) 0 bottom no-repeat; padding:9px 0 15px; *zoom:1;}
.sd_strength1 h3 { margin-bottom:10px; padding-top:5px;}
.sd_strength1 p { padding:0 10px;}

#sect_strength div.sect_a_inner { background:#ffffff; padding:10px 14px;}

.sd_strength1_1 { background:url(../Image/top/strength/IconStrength1.gif) 12px 50% no-repeat; padding-left:48px;}
.sd_strength1_2 { background:url(../Image/top/strength/IconStrength2.gif) 12px 50% no-repeat; padding-left:48px;}
.sd_strength1_3 { background:url(../Image/top/strength/IconStrength3.gif) 12px 50% no-repeat; padding-left:48px;}
.sd_strength1_4 { background:url(../Image/top/strength/IconStrength4.gif) 12px 50% no-repeat; padding-left:48px;}
.sd_strength1_5 { background:url(../Image/top/strength/IconStrength5.gif) 12px 50% no-repeat; padding-left:48px;}
.sd_strength1_6 { background:url(../Image/top/strength/IconStrength6.gif) 12px 50% no-repeat; padding-left:48px;}