@charset "shift_jis";

/* container
---------------------------------------- */
#container {
	padding-top: 0;
	background: url(../images/bg_container.jpg) repeat left top;
}

/* #mainVisual
---------------------------------------- */
#mainVisual {
	height: 400px;
	color: #333;
	background: #eef0f1 url(../images/main_pik.jpg) no-repeat center top;
}
#mainVisual strong {
	display: block;
	width: 980px;
	margin: 0 auto;
}

/* #mainContents
---------------------------------------- */
#mainContents {
	padding-top: 60px;
}

/* header */
.contentHeader {
	margin-bottom: 40px;
}
.contentHeader h1 {
	width: 400px;
	height: 50px;
	margin: 0 auto 10px;
	background-image: url(../images/heading.png);
}
.contentHeader p {
	font-size: 1.35em;
	line-height: 1.5;
	text-align: center;
}

/* body */
.contentBody ul {
	width: 980px;
	margin: 0 auto 20px;
}
.ie8 .contentBody ul {
	width: 982px;
}
.contentBody li {
	position: relative;
	float: left;
	width: 489px;
	height: 280px;
	padding: 20px 40px;
	color: #333;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: right bottom;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.contentBody li:nth-child(odd) {
	clear: both;
	margin: 0 1px 2px 0;
}
.contentBody li:nth-child(even) {
	margin: 0  0 2px 1px;
}
.ie8 .contentBody li {
	margin: 0 1px 2px
}
.contentBody li .btn {
	position: absolute;
	left: 40px;
	bottom: 20px;
	width: 150px;
}
.contentBody li img {
	vertical-align: top;
}

/* parts - bg */
#adopted { background-image: url(../images/adopted_bg.jpg);}
#uunique { background-image: url(../images/uunique_bg.jpg);}
#avoc { background-image: url(../images/avoc_bg.jpg);}
#caeden { background-image: url(../images/caeden_bg.jpg);}
#cygnett { background-image: url(../images/cygnett_bg.jpg);}
#iwave { background-image: url(../images/iwave_bg.jpg);}
#fabian { background-image: url(../images/fabian_bg.jpg);}
#griffin { background-image: url(../images/griffin_bg.jpg);}
#krusell { background-image: url(../images/krusell_bg.jpg);}
#labc { background-image: url(../images/labc_bg.jpg);}
#melkco { background-image: url(../images/melkco_bg.jpg);}
#miselu { background-image: url(../images/miselu_bg.jpg);}
#mophie { background-image: url(../images/mophie_bg.jpg);}
#puro { background-image: url(../images/puro_bg.jpg);}
#sonix { background-image: url(../images/sonix_bg.jpg);}
#speck { background-image: url(../images/speck_bg.jpg);}
#tech21 { background-image: url(../images/tech21_bg.jpg);}
#trident { background-image: url(../images/trident_bg.jpg);}
#tylt { background-image: url(../images/tylt_bg.jpg);}
#uncommon { background-image: url(../images/uncommon_bg.jpg);}
#whiteDiamonds { background-image: url(../images/whitediamonds_bg.jpg);}
#witti { background-image: url(../images/witti_bg.jpg);}

/* parts - title */
#adopted h2 { margin: 58px 0 20px -1px;}
#uunique h2 { margin: 10px 0 14px;}
#avoc h2 { margin: 28px 0 20px -1px;}
#caeden h2 { margin: 26px 0 30px;}
#cygnett h2 { margin: 25px 0 30px;}
#iwave h2 { margin: 10px 0 7px;}
#fabian h2 { margin: 13px 0 20px;}
#griffin h2 { margin: 37px 0 20px -2px;}
#krusell h2 { margin: 39px 0 19px -6px;}
#labc h2 { margin: 30px 0 10px;}
#melkco h2 { margin: 44px 0 19px -3px;}
#miselu h2 { margin: 48px 0 19px 0px;}
#mophie h2 { margin: 38px 0 29px 0px;}
#puro h2 { margin: -3px 0 25px -10px;}
#sonix h2 { margin: 21px 0 13px -6px;}
#speck h2 { margin: 35px 0 20px -2px;}
#tech21 h2 { margin: 40px 0 20px;}
#trident h2 { margin: 40px 0 20px;}
#tylt h2 { margin: 27px 0 20px;}
#uncommon h2 { margin: 27px 0 20px;}
#whiteDiamonds h2 { margin: 40px 0 18px;}
#witti h2 { margin: 35px 0 18px;}

/* parts - txt */
#adopted p {
	width: 210px;
	height: 56px;
	background-image: url(../images/adopted_txt.png);
}
#uunique p {
	width: 150px;
	height: 80px;
	background-image: url(../images/uunique_txt.png);
}
#avoc p {
	width: 160px;
	height: 65px;
	background-image: url(../images/avoc_txt.png);
}
#caeden p {
	width: 180px;
	height: 90px;
	background-image: url(../images/caeden_txt.png);
}
#cygnett p {
	width: 180px;
	height: 90px;
	background-image: url(../images/cygnett_txt.png);
}
#iwave p {
	width: 191px;
	height: 78px;
	background-image: url(../images/iwave_txt.png);
}
#fabian p {
	width: 180px;
	height: 35px;
	background-image: url(../images/fabian_txt.png);
}
#griffin p {
	width: 190px;
	height: 75px;
	background-image: url(../images/griffin_txt.png);
}
#krusell p {
	width: 215px;
	height: 57px;
	background-image: url(../images/krusell_txt.png);
}
#labc p {
	width: 180px;
	height: 90px;
	background-image: url(../images/labc_txt.png);
}
#melkco p {
	width: 200px;
	height: 78px;
	background-image: url(../images/melkco_txt.png);
}
#miselu p {
	width: 169px;
	height: 77px;
	background-image: url(../images/miselu_txt.png);
}
#mophie p {
	width: 214px;
	height: 77px;
	background-image: url(../images/mophie_txt.png);
}
#puro p {
	width: 140px;
	height: 60px;
	background-image: url(../images/puro_txt.png);
}
#sonix p {
	width: 170px;
	height: 78px;
	background-image: url(../images/sonix_txt.png);
}
#speck p {
	width: 190px;
	height: 78px;
	background-image: url(../images/speck_txt.png);
}
#tech21 p {
	width: 180px;
	height: 55px;
	background-image: url(../images/tech21_txt.png);
}
#trident p {
	width: 180px;
	height: 77px;
	background-image: url(../images/trident_txt.png);
}
#tylt p {
	width: 170px;
	height: 57px;
	background-image: url(../images/tylt_txt.png);
}
#uncommon p {
	width: 180px;
	height: 58px;
	background-image: url(../images/uncommon_txt.png);
}
#whiteDiamonds p {
	width: 200px;
	height: 36px;
	background-image: url(../images/whitediamonds_txt.png);
}
#witti p {
	width: 200px;
	height: 76px;
	background-image: url(../images/witti_txt.png);
}


/* background-text
-------------------------------------------------- */
#mainVisual strong,
.contentHeader h1,
.contentBody li p,
.bgtxt {
	background-repeat: no-repeat;
	background-position: left top;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}

/* clearfix
-------------------------------------------------- */
.contentBody ul:after,
.section:after {
	content: "";
	display: block;
	clear: both;
}

/* --------------------------------------------------
 * base styles
 * ----------------------------------------------- */
.clearfix:after{
	display: block;
	clear: both;
	content: "";
}
.pull_left{
	float: left!important;
}
.pull_right{
	float: right!important;
}
.right{
	text-align: right!important;
}
.center{
	text-align: center!important;
}
.left{
	text-align: left!important;
}
.top{
	vertical-align: top!important;
}
.middle{
	vertical-align: middle!important;
}
.bottom{
	vertical-align: bottom!important;
}
.list{
}
ul.list li{
	margin-bottom: 6px;
	margin-left: 26px;
	list-style-type: disc!important;
}
ol.list li{
	margin-bottom: 6px;
	margin-left: 26px;
	list-style-type: decimal!important;
}

.mt0 {margin-top:0px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}
.mt65 {margin-top:65px;}
.mt70 {margin-top:70px;}
.mt75 {margin-top:75px;}
.mt80 {margin-top:80px;}

.ml0 {margin-left:0px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}
.ml55 {margin-left:55px;}
.ml60 {margin-left:60px;}
.ml65 {margin-left:65px;}
.ml70 {margin-left:70px;}
.ml75 {margin-left:75px;}
.ml80 {margin-left:80px;}

.mb0 {margin-bottom:0px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}
.mb65 {margin-bottom:65px;}
.mb70 {margin-bottom:70px;}
.mb75 {margin-bottom:75px;}
.mb80 {margin-bottom:80px;}

.box_kabakore01 {
	width: 850px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 15px;
    border: 5px #ccc solid;
    padding: 40px 40px 35px 40px;
}
.box_kabakore02 {
	width: 850px;
    margin: 60px auto;
    text-align: left;
}
.txt_kabakore01 {
	margin: 0px 0px 0px 40px;
    font-size: 16px;
}
.txt_kabakore02 {
	font-size: 16px;
}