@charset "utf-8";




/*
-------------------------------
01. All pages common proparties
-------------------------------
*/

html { height: 100%; }
body {
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", MSPGothic, sans-serif;
	height: 100%;
	color: #333;
	background: url('../images/img_bg.gif') center top repeat-y;
}

div#wrapper {
	width: 950px;
	min-width: 950px;
	margin:15px auto;
	clear: left;
}

/*
-------------------------------
02. Header Area
-------------------------------
*/
div#header-right { font-size: 90%; text-align: right; margin-left:210px; width:auto; padding-right: 0.5em; line-height : 50px; padding-top: 10px; }
div#header-right a { text-decoration:  underline; color: #333; }
div#header-right a:hover { color: #e94709; }

/* Header Logo and Logo Type */
h1.logo a{ width:300px;  float:left; display:block; width:300px; height:61px; background:url('../images/img_kicona_logo.png') no-repeat 0 0; }
h1.logo a span{ position:absolute; top:-999px; left:-999px; overflow:hidden; width:0; height:0; font-size:0; }

/* logotype */
#logotype { margin-bottom: 10px; }

/* header text link */
div#header-right ul li { background-image: url('../images/arrow_rightbox.gif'); background-repeat: no-repeat; background-position: 0 0; padding-right: 0.5em; padding-left: 14px; display: inline; }


/*
-------------------------------
03. Content Area
-------------------------------
*/

div#content {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

#content-button {
	text-align: center;
	margin-bottom: 20px;
}

#content-body p {
	letter-spacing: 0;
	font-size: 12.5px;
	margin-bottom: 4px;
}

#content-left {
	width: 670px;
	float: left;
	margin-bottom: 20px;
	margin-right: 10px;
}

*html #content-right {
	width: 250px;
	margin-left: 350px;
}

#content-right {
	width: 250px;
	margin-left: 700px;
}



.content-paragraph {
	padding: 0px 20px 0px 10px;
}


/*
-------------------------------
04. Footer Area
-------------------------------
*/
#footer {
	border-top: dotted 1px #999;
	margin-top: 10px;
	padding-top: 10px;
	bottom:0px;
	line-height: 30px;
	font-size: 12px;
	color: #404040;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

#footer address {
	font-family: Helvetica, Arial;
	font-size: 90%;
	color: #333;
}
#pagetoplink { text-align: right; }


/* top page only */
div#topimage {
	background-image: url('../images/img_topimage_bottom.png');
	background-repeat: no-repeat;
	width: 950px;
	height: 10px;
	margin-bottom: 20px;
}


/*
-------------------------------
05. Element Settings
-------------------------------
*/

/* dl list*/
dl.list { margin: 0px 0px 0px 20px; padding: 0px;  display: inline; float: left; width: 650px; font-size: 12px; }
dl.list dt { border-bottom: 1px solid #c8c8c8; margin: 0px 5px 0px 0px; padding: 5px 0px; overflow: hidden; clear: both; display: inline; float: left; width: 110px; }
dl.list dd { border-bottom: 1px solid #c8c8c8; margin: 0px 5px 0px 0px; padding: 5px 0px; overflow: hidden; clear: none; display: inline; float: left; width: 500px; }

.content-paragraph ul li { list-style-type: disc; list-style-position: inside; margin-left: 20px; }
.content-paragraph ol li { list-style-type: decimal; list-style-position: outside; margin-left: 30px; margin-bottom: 0.5em;  }

/*
-------------------------------
06. Global Navigaton
-------------------------------
*/
/* Global Navi */
div#nav {
	border-top: dotted 1px #909090;
	border-bottom: dotted 1px #909090;
}
#globalNavi { width: 800px; text-align: left; background-image: url('../images/navi.gif'); background-position: 0px 0px; height: 40px; position: relative; margin-right: auto; margin-left: auto; }
#globalNavi li { position: absolute; list-style-type: none; }
#globalNavi li a { position: absolute; display: block; height: 40px; text-indent: -9000px; }
*+html #globalNavi li a { display: inline;  }
* html #globalNavi li a { display: inline; text-indent: -9000px; }
/* GlobalNavi */
#nav-home a { left: 0px; width: 200px; border-left: dotted 1px #909090; }
#nav-company a { left: 200px; width: 200px; border-left: dotted 1px #909090; }
#nav-store a { left: 400px; width: 200px;  border-left: dotted 1px #909090; }
#nav-recruit a { left: 600px; width: 200px; border-left: dotted 1px #909090; border-right: dotted 1px #909090; }

/* GlobalNavi Hovering */
#nav-home a:hover { background-image: url(../images/navi.gif); background-repeat: no-repeat; background-position: -1px -40px;}
#nav-company a:hover { background-image: url(../images/navi.gif); background-repeat: no-repeat; background-position: -201px -40px;}
#nav-store a:hover { background-image: url(../images/navi.gif); background-repeat: no-repeat; background-position: -401px -40px; }
#nav-recruit a:hover { background-image: url(../images/navi.gif); background-repeat: no-repeat; background-position: -601px -40px; }

/* GlobalNavi Active */
#nav-home a:active { background-image: url(../images/navi.gif); background-repeat: no-repeat; background-position: -1px -120px;}
#nav-company a:active { background-image: url(../images/navi.gif); background-repeat: no-repeat; background-position: -201px -120px;}
#nav-store a:active { background-image: url(../images/navi.gif); background-repeat: no-repeat; background-position: -401px -120px; }
#nav-recruit a:active { background-image: url(../images/navi.gif); background-repeat: no-repeat; background-position: -601px -120px; }

/* GlobalNavi Selected */
#nav-home-selected a { left: 0; width: 200px; background-image: url(../images/navi.gif); background-repeat: no-repeat; background-position: -1px -80px; border-left: dotted 1px #909090; }
#nav-company-selected a { left: 200px; width: 200px; background-image: url(../images/navi.gif); background-repeat: no-repeat; background-position: -201px -80px; border-left: dotted 1px #909090; }
#nav-store-selected a { left: 400px; width: 200px; background-image: url(../images/navi.gif); background-repeat: no-repeat; background-position: -401px -80px; border-left: dotted 1px #909090; }
#nav-recruit-selected a { left: 600px; width: 200px; background-image: url(../images/navi.gif); background-repeat: no-repeat; background-position: -601px -80px; border-left: dotted 1px #909090; border-right: dotted 1px #909090; }

/* GlobalNavi End */








/* Breadcrumb List */
div#breadcrumb { font-size: 12px; text-align: right; width: 935px;  margin-top: 20px; margin-bottom: 10px; }
div#breadcrumb a { color: #f7915e; }
div#breadcrumb a:hover { color: #e94709; }


/*
-------------------------------
06. Icon Element Settings
-------------------------------
*/
.externallink { background-image: url('../images/externallink.gif'); background-repeat: no-repeat; padding-left: 18px; background-position: 0px -1px; height: 16px; }
.pdficon { background-image: url('../images/icon_pdf.gif'); background-repeat: no-repeat; padding-left: 18px; background-position: 0px -1px; height: 16px; }
.date { background-image: url('../images/arrow_right.gif'); background-repeat: no-repeat;  padding-left: 16px; background-position: 0px 0px; height: 16px; }

span.attentionIcon { background-image: url('../images/icon_exclamation.png'); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 15px; color: #f15b00; }
span.adviceIcon { background-image: url('../images/icon_exclamation.png'); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 15px; color: #000; }
span.redIcon { background-image: url('../images/icon_arrow.png'); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 15px; color: #b40303; }
span.greenIcon { background-image: url('../images/icon_arrow_green.png'); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 15px; color: #208000; }
span#pagetopIcon { background-image: url('../images/icon_arrowtop.png'); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 15px; color: #b40303; font-size: 12px;  }
span.purpleIcon { background-image: url('../images/icon_arrow_purple.png'); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 15px; color: #d02177; }

/*
-------------------------------
11. Layout fine adjustment Elements
-------------------------------
*/
.topM0 { margin-top: 0px; }
.bottomM0 { margin-bottom: 0px; }
.topP0 { padding-top: 0px; }
.bottomP0 { padding-bottom: 0px; }
.topM5 { margin-top: 5px; }
.bottomM5 { margin-bottom: 5px; }
.topP5 { padding-top: 5px; }
.bottomP5 { padding-bottom: 5px; }
.topM10 { margin-top: 10px; }
.bottomM10 { margin-bottom: 10px; }
.topP10 { padding-top: 10px; }
.bottomP10 { padding-bottom: 10px; }
.topM15 { margin-top: 15px; }
.bottomM15 { margin-bottom: 15px; }
.topP15 { padding-top: 15px; }
.bottomP15 { padding-bottom: 15px; }
.topM20 { margin-top: 20px; }
.bottomM20 { margin-bottom: 20px; }
.topP20 { padding-top: 20px; }
.bottomP20 { padding-bottom: 20px; }
.thirdp { margin-left: 15px; margin-right: 15px; }
.width100 { width: 100%; }
.width150p { width: 150px; }



/*
-------------------------------
11. Box Floating and Alignment
-------------------------------
*/
.leftfloat { float: left; }
.rightfloat { float: right; }
.clearfloat{ clear:both; }
.clearleft { clear: left; }
.clearright { clear: right; }
.leftalign { text-align: left; }
.centeralign { text-align: center; }
.rightalign { text-align: right; }
.margincenter { margin-left: auto; margin-right: auto; }

/*
-------------------------------
12. Img Box Elements
-------------------------------
*/
.imgbox { border: solid 1px #d0d0d0; padding: 1px; }
.imgbox-floatleft { float: left; margin-right: 6px; margin-bottom: 6px; padding: 1px; border: solid 1px #a9a9a9; }
.imgbox-floatright { float: right; margin-left: 6px; margin-bottom: 6px; padding: 1px; border: solid 1px #a9a9a9; }
.second-titleimage { border: solid 1px #d0d0d0; padding: 1px; margin-bottom: 10px; }

/*
-------------------------------
13. Text Elements
-------------------------------
*/
/* color */
.essential { color: #f30; }
.proceed { color: #03f; }
.errFields { background-color: #ffe4e0; }
.small { font-size: 90%; }
.bold { font-weight: bold; }
.large { font-size: 120%; }

/*
-------------------------------
21. Subject Elements
-------------------------------
*/

.h2box {
    background-image: url('../images/img_h2.gif'); 
    background-repeat: no-repeat;

    height: 55px;
    margin:15px 0px 0px 0px;
	padding: 12px 10px 0px 24px;
}

.h2box span {
	font-family: Helvetica, Arial;
	font-size: 11px;
}
.h2box h2 {
	font-weight: bold;
	font-family: Helvetica, Arial;
	font-size: 16px;
	line-height: 18px;
	padding: 0;
	margin: 0;
}

div#content h3 {
	width: auto;
	font-size: 14px;
	background-image: url('../images/img_h3.gif');
	background-repeat: no-repeat;
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 8px 0px 10px 0px;
	border-bottom: solid 1px #e4672a;
}

h4 {
	font-size: 13px;
	margin-left: 1em;
}

/*
-------------------------------
21. 2nd page Elements
-------------------------------
*/

dl#secondnavi {
	width: 240px;
	border-left: solid 1px #b3b3b3;
	border-right: solid 1px #b3b3b3;
}

dl#secondnavi dt {
	background-image: url('../images/img_second_dt.gif');
	background-repeat: no-repeat;
	height: 40px;
	width: 230px;
	color: #fff;
	line-height: 40px;
	font-size: 16px;
	font-weight:bold;
	padding: 0 5px;
	border-top: solid 1px #b3b3b3;
	border-bottom: solid 1px #b3b3b3;
}

dl#secondnavi dd {
	background-image: url('../images/img_second_dd.gif');
	background-repeat: no-repeat;
	height: 40px;
	width: 225px;
	color: #333;
	line-height: 40px;
	font-size: 13px;
	font-weight: normal;
	padding-left: 15px;
	border-bottom: solid 1px #b3b3b3;
}


dl#secondnavi dd.topicTitle-oneLine { line-height: 40px; }
dl#secondnavi dd.topicTitle-twoLine { line-height: 20px; }


dl#secondnavi dd a, dl#secondnavi dd a:visited {
	color: #333;
	font-size: 13px;
	text-decoration: none;
	display: block; width: 100%;
}

dl#secondnavi dd#selected {
	background-image: url('../images/img_second_dd_selected.gif');
	background-repeat: no-repeat;
	border: none;
	border-bottom: solid 1px #b3b3b3;
}

/* second-dd */
dl#secondnavi dd.second-dd a, dl#secondnavi dd.second-dd a:visited {
	color: #333;
	font-size: 12px;
	text-decoration: none;
	display: block; width: 100%;
}
dl#secondnavi dd.second-dd {
	background-image: url('../images/img_second_dd_second.gif');
	background-repeat: no-repeat;
	height: 30px;
	width: 225px;
	color: #fff;
	line-height: 30px;
	border-bottom: solid 1px #b3b3b3;
}

dl#secondnavi dd.second-selected {
	background-image: url('../images/img_second_dd_second_selected.gif');
	background-repeat: no-repeat;
	height: 30px;
	width: 225px;
	color: #fff;
	line-height: 30px;
	border-bottom: solid 1px #b3b3b3;
}

dl#secondnavi dd.second-selected a {
	color: #333;
	font-size: 12px;
	text-decoration: none;
	display: block; width: 100%;
}


.messagebox {
	width: 560px;
	border: solid 10px #c3f290;
	padding:10px;
	margin: 10px auto;
}


.staff-description {
	width: 80%;
	font-size: 11px;
	border: solid 1px #ccc;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	background-color: #f6ffe5;

	line-height: 1.6;
}


div#iv_guest li.box {
	text-align: center;
	width: 200px;
	float: left;
	margin-bottom: 0.5em;
	margin-left: 10px;
	padding: 0;
	list-style-type: none; }

ul li.entry_box {
	list-style-type:none;
}

/*
-------------------------------
22. Table Elements
-------------------------------
*/
table.storelist_table{
	clear: both;
	width: 625px;
	margin: 0 10px 0.5em 10px;
	line-height: 1.35;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #CDCED8;
}
table.storelist_table th,
table.storelist_table td{
	width: 50%;
	border-bottom: 1px solid #CDCED8;
	padding: 4px 5px 4px 5px;
}

.storelist_table  tr:nth-child(odd) { /* 奇数番目の指定*/
	background-color: #fff;
}
.storelist_table  tr:nth-child(even) { /* 偶数番目の指定*/
	background-color: #fcf2eb;
}


table.table_list{
	clear: both;
	width: 625px;
	margin: 0 10px 0.5em 10px;
	line-height: 1.35;
	border-top: 1px solid #cdced8;
}
table.separate {
	border-collapse: separate;
	border-spacing: 1px;
}
table.table_list th {
	background-color: #fcd5ba;
	border-bottom: 2px solid #a38a78;
	padding: 4px 4px 4px 5px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
}
table.table_list td{
	border-bottom: 1px solid #cdced8;
	padding: 4px 4px 4px 5px;
}

.table_list  tr:nth-child(odd) { /* 奇数番目の指定*/
	background-color: #fff;
}
.table_list  tr:nth-child(even) { /* 偶数番目の指定*/
	background-color: #fcf2eb;
}

/*
-------------------------------
23. Login Box(BBS)
-------------------------------
*/
.loginbox {
	width: 700px;
	border: solid 10px #ca97ff;
	padding:10px;
	margin: 10px auto;
}
.errBox p {
	text-align: center;
	color: #f00;
}

table.messege_table {
	clear: both;
	width: 950px;
	margin: 0 0 0.5em 0;
	line-height: 1.35;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #CDCED8;
}
.messege_table th,
.messege_table td{
	border-bottom: 1px solid #CDCED8;
	padding: 4px 5px 4px 5px;
	height: 3em;
}
.messege_table  th { 
	background-color: #2b8595;
	font-weight: bold;
	color: #fff;
}

.messege_table  tr:nth-child(odd) { /* 奇数番目の指定*/
	background-color: #fff;
}
.messege_table  tr:nth-child(even) { /* 偶数番目の指定*/
	background-color: #fcf2eb;
}

.message_title { width: 45%; }
.message_name { width: 25%; }
.message_reply {
	text-align: center;
	width: 10%; }
.message_date {
	text-align: right;
	width: 20%;
}

/*
-------------------------------
Videos
-------------------------------
*/
div#recruit-video {
width: 320px;
float:right;
margin-left: 10px;
}


/*
-------------------------------
31. Ajax Tabs
-------------------------------
*/
                ul.tabNavigation {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                }

                ul.tabNavigation li {
                    display: inline;

                }

                ul.tabNavigation li a {
                    padding: 3px 12px;
                    background-color: #ebd6ea;
                    color: #000;
                    text-decoration: none;
		    -moz-border-radius: 5px 5px 0px 0px;

                }

                ul.tabNavigation li a.selected,
                ul.tabNavigation li a:hover {
                    background-color: #9d569a;
                    color: #fff;
		
                    padding-top: 7px;
	 	   -moz-border-radius: 5px 5px 0px 0px;
                }
                
                ul.tabNavigation li a:focus {
                        outline: 0;
                }

                div.tabs > div {
                        padding: 5px;
                        margin-top: 1px;
                        border: 3px solid #9d569a;
                }
                
                div.tabs > div h2 {
                        margin-top: 0;
                }
		
		
/* BBS */
div.bbs-main {
}
div.topic_main {
border: solid 1px;
}
div.bbs-profile {
font-size: 12px;
margin-bottom: 10px;
}

div.bbs-description {
border-bottom: solid 1px #ccc;
padding-bottom: 10px;
margin-bottom: 10px;
}
div.reply_link {
text-align: right;
}
.bbs-reply {
	margin-left: 20px;
	border: solid 1px #e4ae94;
	margin-bottom: 1em;
	padding: 10px;
}
div.bbs-res-title {
    font-size: 120%;
    font-weight: bold;
}

h4#bbs-reply-count {
	margin-top: 10px;
	padding: 10px;
	background-color: #ffeed9;
}

.topic_reply_main {
	padding-left: 15px;
}