@charset "UTF-8";

/*/////////////////////////////////////////////////////////////

CSS : style
DATE : 2012.06.13

[style] 
	0. Content
	1. Tech

//////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
	0. Content
------------------------------------------------------------ */

#article{
	width:100%;
	margin: 0;
}

.section .name {
	width:700px;
	padding: 5px 0;
	margin: 0 0 20px;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}

/***** smaller than 650 *****/
@media screen and (max-width: 650px) {

#article{
	width:100%;
	margin: 0;
}

.section .name {
	width:100%;
	padding: 3px 0;
	font-size: 12px;
	font-size: 1.2rem;
	margin: 0 0 10px;
}

}


/* ------------------------------------------------------------
	1. Tech
------------------------------------------------------------ */

.techHeader {
	width:100%;
	overflow:hidden;
	padding:20px 0 0;
	margin:0 0 10px;
	overflow:hidden;
}
.techHeaderInner {
	width:710px;
	overflow:hidden;
	margin:0 auto;
	overflow:hidden;
}
.techHeader .mainTitle {
	width:710px;
	margin: 0 0 20px;
}
.techHeader .catch {
	width:710px;
	margin: 0 0 10px;
}
.techHeader .mainImage {
	float:right;
	width:290px;
	margin: 0 0 10px;
}
.techHeader .mainImage.type_fullwidth_image {
	float:none;
	width:100%;
	margin: 0 0 20px;
}
.techHeader .mainText {
	float:left;
	width:410px;
	margin: 0 0 10px;
}
.techHeader .mainText.type_fullwidth_text {
	width:710px;
}
.techHeader .mainText.type_fullwidth_text .name{
	width:710px;
}
.techHeader .name {
	width:410px;
	padding: 5px 0;
	margin: 0;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	font-size: 16px;
	font-size: 1.6rem;
}
.techHeader .text {
	width:410px;
}
.techHeader .text span{
	font-size: 10px;
	font-size: 1.0rem;
}


/***** smaller than 650 *****/
@media screen and (max-width: 650px) {

.techHeader {
	width:100%;
	overflow:hidden;
	padding:20px 0 10px;
	margin:0 0 10px;
	overflow:hidden;
}
.techHeaderInner {
	width:auto;
	overflow:hidden;
	margin:0 10px;
	overflow:hidden;
}
.techHeader .mainTitle{
	float:none;
	width:100%;
	margin: 0 0 20px;
}
.techHeader .catch{
	float:none;
	width:100%;
	margin: 0 0 20px;
}
.techHeader .mainImage{
	float:none;
	width:100%;
	margin: 0 0 20px;
}
.techHeader .mainText {
	float:none;
	width:100%;
}
.techHeader .name,
.techHeader .name.type_fullwidth_text{
	width:100%;
	margin: 0 0 2%;
}
.techHeader .text {
	width:auto;
	margin: 0 0 20px;
}


}