/*------------------------------------------------------------

##############################################################

	1. multi-purpose parts

##############################################################

------------------------------------------------------------*/

/* テキストスタイル */

.txtUnderLine {text-decoration: underline;}
.largeText {font-size: 116%;}
.smallText {font-size: 83%;}
.bold {font-weight: bold;}
.normal {font-weight: normal;}
.italic {font-style: italic;}
.nowrap {white-space: nowrap;}

.colorRed {color: #FF0000 !important;}
.colorBlue {color: #0f2776!important;}


/* 文字揃え */

.left   {text-align: left !important;}
.center {text-align: center !important;}
.right  {text-align: right !important;}
.top    {vertical-align: top !important;}
.middle {vertical-align: middle !important;}
.bottom {vertical-align: bottom !important;}

/* フロート クリア */

.flLeft   {float: left;}
.flRight  {float: right;}

.clLeft   {clear: left;}
.clRight  {clear: right;}
.clBoth   {clear: both;}

/* 汎用リスト */

ul.generalListA01 li {
	padding-left: 0.5em;
	text-indent: -0.5em;
	padding-bottom: 3px;
}

/* 汎用インデント */
.indent {
	padding-left: 0.5em;
	text-indent: -0.5em;
}

.indent1 {
	padding-left: 1em;
	text-indent: -1em;
}
.block {
	display: block;
}
/* 汎用ブロック */

.dotBlock {
	padding-bottom: 5px; 
	background: url(../img/dotted_line_001.gif) repeat-x 0 100%;
}

.borderRed {
	border: 1px solid #ff0000;
}

/* 汎用マージン */

.mp00 {margin: 0px  !important;padding: 0px !important;}



/* 上下左右 */
.m00 {margin: 0 !important;}
.m05 {margin: 5px !important;}
.m10 {margin: 10px !important;}
.m15 {margin: 15px !important;}
.m20 {margin: 20px !important;}
.m25 {margin: 25px !important;}
.m30 {margin: 30px !important;}

/* 上 */
.mt00 {margin-top: 0 !important;}
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}

/* 下 */
.mb00 {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}

/* 左 */
.ml00 {margin-left: 0 !important;}
.ml05 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
/* 右 */
.mr00 {margin-right: 0 !important;}
.mr05 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}


/*------------------------------------------------------------

##############################################################

	2. clearfix

##############################################################

------------------------------------------------------------*/

.clearFix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	line-height: 0;
}
.clearFix {
	display: inline-table;
	min-height: 1%;
}

/* macIE \*/
* html .clearFix {
	height: 1%;
}

.clearFix {
	display: block;
}
/* end of macIE */

/*------------------------------------------------------------

##############################################################

	3. reset contents

##############################################################

------------------------------------------------------------*/

#mobile div.contents {
	font-size: 12px;
	line-height: 1.5;
}

*:first-child+html #mobile div.contents {
	font-size: 75%;
}

* html #mobile div.contents {
	font-size: 75%;
}

h1, h2, h3, h4, h5, h6 { 
    margin: 0;
    padding: 0;
    font-weight: bold;
}

p {
	margin: 0;
	padding: 0;
}



address { 
    font-style: normal;
}

strong {
    font-weight: bold;
}

sub, 
sup { 
    font-size: 50%;
}

ul,ol,li,dl,dt,dd {
	list-style: none;
    margin: 0;
    padding: 0;
}

input, 
label, 
select { 
    vertical-align: middle;
}

img {
	margin: 0;
	padding: 0;
}

a img { 
    border: 0;
}


/*------------------------------------------------------------

##############################################################

	4. sideMenu

##############################################################

------------------------------------------------------------*/

div.sideMenu {
	width:178px;
	margin-bottom: 7px;
	text-align: left;
}

div.sideMenu div.sideMenuInner {
	padding-left: 20px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}


div.sideMenu div.sideMenuInner ul li {
	padding: 5px 2px 5px 0;
	background: url(/Kojin/mobile/image/mobile_sidebg_001.gif) no-repeat 0 100%;
}

div.sideMenu div.sideMenuInner ul li a {
	color: #555555;
}

div.sideMenu div.sideMenuInner ul li.borderNone {
	background: none;
}

div.sideMenu div.sideMenuInner ul li span.linkIcon {
	padding-left: 11px;
	display: block;
	background: url(/Kojin/mobile/image/r_arow_red.gif) no-repeat 0 -2px;
}

div.sideMenu div.sideMenuInner ul li span.sideCatch {
	padding-left: 11px;
	font-size: 10px;
	margin-bottom: 5px;
	display: block;
}


/*------------------------------------------------------------

##############################################################

	5. contents

##############################################################

------------------------------------------------------------*/


#pagetop{
	clear:both;
	margin:0;
	padding:10px 0 15px 0;
	text-align:right;
}

#mobile div.contents {
	width: 550px;
	text-align: left;
}

#mobile div.contents div.section {
}

#mobile div.contents div.section div.sectionInner {
}

#mobile div.contents h1 {
	margin-bottom: 10px;
}

#mobile div.contents h2 {
	margin-bottom: 15px;
}

#mobile div.contents p.indentTxt {
	padding: 0 5px;
}

#mobile div.contents a.linkIcon {
	padding-left: 8px;
	background: url(/Kojin/mobile/image/mobile_ico_001.gif) no-repeat 0 0;
}


#mobile div.contents div.devide2Wrap {
}

#mobile div.contents div.devide2Wrap div.devide2WrapLeft {
	width: 265px;
	margin-right: 20px;
	float: left;
}

#mobile div.contents div.devide2Wrap div.devide2WrapRight {
	width: 265px;
	float: left;
}



#mobile div.contents div.bnrBlock01 {
	width: 410px;
	height: 88px;
	margin: 0 70px 21px;
}

#mobile div.contents div.bnrBlock01 img,
#mobile div.contents div.bnrBlock01 div.bnrBlock01Inner {
	float: left;
}

#mobile div.contents div.bnrBlock01 div.bnrBlock01Inner {
	padding-top: 47px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 80px;
}

#mobile div.contents div.bnrBlock01 div.bnrBlock01Inner p {
	width: 185px;
}

#mobile div.contents div.bnrBlock02 {
	width: 418px;
	height: 97px;
	margin: 0 0 21px 70px;
}

#mobile div.contents div.bnrBlock02 img,
#mobile div.contents div.bnrBlock02 div.bnrBlock02Inner {
	float: left;
}

#mobile div.contents div.bnrBlock02 div.bnrBlock02Inner {
	padding-top: 47px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 72px;
}




/*------------------------------------------------------------

##############################################################

	6. unique pages

##############################################################

------------------------------------------------------------*/


/*----------------------------------
####################################

	7. index

####################################
----------------------------------*/


#mobile div.contents #index div.indexOutBlock {
	border: 1px solid #dfdfdf;
	padding: 6px;
	margin-bottom: 15px;
}

#mobile div.contents #index div.indexOutBlock h2 {
	margin-bottom: 0;
}

#mobile div.contents #index div.indexOutBlock div.contentsBlock01,
#mobile div.contents #index div.indexOutBlock div.contentsBlock02,
#mobile div.contents #index div.indexOutBlock div.contentsBlock03 {
	width: 536px;
	margin-bottom: 15px;
}

#mobile div.contents #index div.indexOutBlock div.contentsBlock01 {
	background:url(/Kojin/mobile/image/index_bg_001.gif) no-repeat 0 100%;
}

#mobile div.contents #index div.indexOutBlock div.contentsBlock02 {
	background:url(/Kojin/mobile/image/index_bg_002.gif) no-repeat 0 100%;
}

#mobile div.contents #index div.indexOutBlock div.contentsBlock03 {
	background:url(/Kojin/mobile/image/index_bg_003.gif) no-repeat 0 100%;
}

#mobile div.contents #index div.indexOutBlock div.contentsBlock01 div.contentsBlock01Inner,
#mobile div.contents #index div.indexOutBlock div.contentsBlock02 div.contentsBlock02Inner,
#mobile div.contents #index div.indexOutBlock div.contentsBlock03 div.contentsBlock03Inner {
	padding: 10px 15px 15px;
}

#mobile div.contents #index div.indexOutBlock div.contentsBlock01 div.contentsBlock01Inner p.ttl,
#mobile div.contents #index div.indexOutBlock div.contentsBlock02 div.contentsBlock02Inner p.ttl,
#mobile div.contents #index div.indexOutBlock div.contentsBlock03 div.contentsBlock03Inner p.ttl {
	margin-bottom: 10px;
}

#mobile div.contents #index div.indexOutBlock div.contentsBlock01 div.contentsBlock01Inner div.img,
#mobile div.contents #index div.indexOutBlock div.contentsBlock02 div.contentsBlock02Inner div.img,
#mobile div.contents #index div.indexOutBlock div.contentsBlock03 div.contentsBlock03Inner div.img {
	float: left;
	width: 100px;
	margin-right: 10px;
}

#mobile div.contents #index div.indexOutBlock div.contentsBlock01 div.contentsBlock01Inner div.txt,
#mobile div.contents #index div.indexOutBlock div.contentsBlock03 div.contentsBlock03Inner div.txt {
	width: 218px;
	float: left;
}

#mobile div.contents #index div.indexOutBlock div.contentsBlock01 div.contentsBlock01Inner div.qrcode,
#mobile div.contents #index div.indexOutBlock div.contentsBlock03 div.contentsBlock03Inner div.qrcode {
	float: right;
	width: 168px;
	margin-left: 10px;
	background: url(/Kojin/mobile/image/index_bg_005.gif) no-repeat 0 100%;
}

#mobile div.contents #index div.indexOutBlock div.contentsBlock01 div.contentsBlock01Inner div.qrcode div.qrcodeInner,
#mobile div.contents #index div.indexOutBlock div.contentsBlock03 div.contentsBlock03Inner div.qrcode div.qrcodeInner{
	padding: 0 11px 11px;
}


#mobile div.contents #index div.indexOutBlock div.contentsBlock02 div.contentsBlock02Inner div.txt {
	width: 396px;
	float: left;
}


#mobile div.contents #index div.contentsBlock04 p.ttl {
	margin-bottom: 20px;
}

#mobile div.contents #index div.contentsBlock04 div.contentsBlock04Inner {
	padding: 14px 19px;
	background: #fffcd8;
	border-left: 1px solid #bebfc0;
	border-right: 1px solid #bebfc0;
	border-bottom: 1px solid #bebfc0;
}

#mobile div.contents #index div.contentsBlock04 div.contentsBlock04Inner div.txt {
	width: 412px;
	float: left;
	margin-right: 15px;
}

#mobile div.contents #index div.contentsBlock04 div.contentsBlock04Inner div.img {
	width: 81px;
	float: left;
}


/*----------------------------------
####################################

	8. ioi

####################################
----------------------------------*/

#mobile div.contents #ioi div.bnrBlock01 {
	background: url(/Kojin/mobile/image/ioi_bnrbg_001.gif) no-repeat 100% 0;
}

#mobile div.contents #ioi div.bnrBlock02 {
	background: url(/Kojin/mobile/image/ioi_bnrbg_002.gif) no-repeat 100% 0;
}

#mobile div.contents #ioi div.devide2Wrap div.devide2WrapLeft h3,
#mobile div.contents #ioi div.devide2Wrap div.devide2WrapRight h3 {
	margin-bottom: 5px;
}

#mobile div.contents #ioi div.devide2Wrap div.devide2WrapLeft div.section div.sectionInner p.line2,
#mobile div.contents #ioi div.devide2Wrap div.devide2WrapRight div.section div.sectionInner p.line2 {
	_height: 3em;
	min-height: 3em;
	margin-bottom: 10px;
}

#mobile div.contents #ioi div.devide2Wrap div.devide2WrapLeft div.section div.sectionInner p.line3,
#mobile div.contents #ioi div.devide2Wrap div.devide2WrapRight div.section div.sectionInner p.line3 {
	_height: 4em;
	min-height: 4em;
	margin-bottom: 10px;
}




/*----------------------------------
####################################

	9. sp

####################################
----------------------------------*/

#mobile div.contents #sp div.bnrBlock01 {
	background: url(/Kojin/mobile/image/sp_bnrbg_001.gif) no-repeat 100% 0;
}

#mobile div.contents #sp div.bnrBlock02 {
	background: url(/Kojin/mobile/image/sp_bnrbg_002.gif) no-repeat 100% 0;
}

#mobile div.contents #sp p.title01,
#mobile div.contents #sp p.title01 {
	color: #687bc0;
	font-weight: bold;
	margin: 5px 0;
	padding: 3px 0 3px 15px;
	background: url(/Kojin/mobile/image/sp_ico_001.gif) no-repeat 0 7px;
	border-bottom: 1px solid #687bc0;
}

#mobile div.contents #sp p.title02,
#mobile div.contents #sp p.title02 {
	color: #687bc0;
	font-weight: bold;
	margin-bottom: 5px;
}

#mobile div.contents #sp p.img,
#mobile div.contents #sp p.img {
	float: left;
	margin-right: 10px;
}
#mobile div.contents #sp div.txt,
#mobile div.contents #sp div.txt {
	float: left;
}

#mobile div.contents #sp div.txt164,
#mobile div.contents #sp div.txt164 {
	float: left;
	width: 164px;
}

#mobile div.contents #sp div.txt152,
#mobile div.contents #sp div.txt152 {
	float: left;
	width: 152px;
}

#mobile div.contents #sp p.title02,
#mobile div.contents #sp p.title02 {
	color: #687bc0;
	font-weight: bold;
	margin-bottom: 5px;
}

/*----------------------------------
####################################

	10. kac

####################################
----------------------------------*/

#mobile div.contents #kac div.menuBlock {}

#mobile div.contents #kac div.menuBlock div.txt {
	width: 220px;
	float: left;
	margin-right: 15px;
}

#mobile div.contents #kac div.menuBlock div.img {
	float: left;
}

#mobile div.contents #kac div.menuBlock div.img p {
	float: left;
	margin-right: 7px;
}

#mobile div.contents #kac div.corpoBlock {}

#mobile div.contents #kac div.corpoBlock div.txt {
	width: 430px;
	margin-right: 20px;
	float: left;
}


#mobile div.contents #kac div.corpoBlock p.img {
	width: 100px;
	float: left;
}

#mobile div.contents #kac p.title01,
#mobile div.contents #kac p.title01 {
	color: #77bbd4;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 3px 0 3px 15px;
	background: url(/Kojin/mobile/image/kac_ico_001.gif) no-repeat 0 7px;
	border-bottom: 1px solid #77bbd4;
}

#mobile div.contents #kac div.kacTable table {
	border-left: 1px solid #dbdbdc;
}

#mobile div.contents #kac div.kacTable table th,
#mobile div.contents #kac div.kacTable table td {
	padding: 5px 8px;
	vertical-align: middle;
	border-right: 1px solid #dbdbdc;
	border-bottom: 1px solid #dbdbdc;
	font-size: 12px;
}

*:first-child+html #mobile div.contents #kac div.kacTable table th,
*:first-child+html #mobile div.contents #kac div.kacTable table td {
	font-size: 75%;
}

* html #mobile div.contents #kac div.kacTable table th,
* html #mobile div.contents #kac div.kacTable table td {
	font-size: 75%;
}

#mobile div.contents #kac div.kacTable table th {
	background: #ddeef5;
	text-align: center;
	font-weight: normal;
}

#mobile div.contents #kac div.kacTable table td {
	text-align: left;
}

#mobile div.contents #kac div.noLinkList01 {
	text-align: right;
	margin-bottom: 5px;
}

#mobile div.contents #kac div.noLinkList02 {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
}

#mobile div.contents #kac div.noLinkList01 ul li,
#mobile div.contents #kac div.noLinkList02 ul li {
	display: inline;
	color: #5c77b0;
}


#mobile div.contents #kac div.noLinkList01 ul li.next,
#mobile div.contents #kac div.noLinkList02 ul li.next {
	margin-left: 10px;
}

#mobile div.contents #kac div.noLinkList01 ul li a:link,
#mobile div.contents #kac div.noLinkList02 ul li a:link {text-decoration: underline;}
#mobile div.contents #kac div.noLinkList01 ul li a:visited,
#mobile div.contents #kac div.noLinkList02 ul li a:visited {text-decoration: underline;}
#mobile div.contents #kac div.noLinkList01 ul li a:hover,
#mobile div.contents #kac div.noLinkList02 ul li a:hover {text-decoration: none;}
#mobile div.contents #kac div.noLinkList01 ul li a:active,
#mobile div.contents #kac div.noLinkList02 ul li a:active {text-decoration: none;}

/*--------------------*/
/*		kacPopup      */
/*--------------------*/

.kacPop {
	margin: 0 auto;
	padding: 0;
}
#mobile #kacPop {
	width:240px;
	margin: 0 auto;
}

#mobile #kacPop div.txt p.txt {
	padding: 10px 2px;
	background: #fffed5;
	font-size: 132%;
}



/*----------------------------------
####################################

	11. gpsi

####################################
----------------------------------*/

#mobile div.contents #gpsi div.contentsBlock01 p.ttl {
	margin-bottom: 10px;
}

#mobile div.contents #gpsi div.contentsBlock01 div.contentsBlock01Inner {
	padding: 14px;
	background: #fffcd8;
	border-left: 1px solid #bebfc0;
	border-right: 1px solid #bebfc0;
	border-bottom: 1px solid #bebfc0;
}

#mobile div.contents #gpsi div.contentsBlock01 div.contentsBlock01Inner div.txt {
	width: 314px;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

#mobile div.contents #gpsi div.contentsBlock01 div.contentsBlock01Inner div.img {
	width: 190px;
	float: left;
	margin-bottom: 10px;
}

#mobile div.contents #gpsi div.bnrBlock01 {
	background: url(/Kojin/mobile/image/gpsi_bnrbg_001.gif) no-repeat 100% 0;
}

#mobile div.contents #gpsi div.contentsBlock01  div.bnrBlock02 {
	width: 314px;
	margin: 0;
	background: url(/Kojin/mobile/image/gpsi_bnrbg_002.gif) no-repeat 100% 0;
}

#mobile div.contents #gpsi div.contentsBlock01  div.bnrBlock02 div.bnrBlock02Inner {
	padding: 40px 0 0 85px;
}

#mobile div.contents #gpsi div.gpsiFlow {
	margin-bottom: 15px;
	padding-bottom: 15px;
	background: url(/Kojin/mobile/image/gpsi_bg_001.gif) no-repeat 0 100%;
}

#mobile div.contents #gpsi div.gpsiFlow ul li {
	float: left;
}