@charset "utf-8";

/*
 * Site Name: connetta WEB Smart5
 * File Name init.css
 * Description: initial setting
 * Version: 1.0
 * Author: DIS_ART_WORKS
 */

/*
init
--------------------*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,time, mark, audio, video
{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight:normal;
	list-style:none;
}

/*
base tag setting
--------------------*/
html {
	font-size: 100%;
}
body {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 16px;
	color: #333;
	line-height: 1.75;
}

img {
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: bottom;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

table td,
table th {
	border-width: 1px;
	border-style: solid;
}

a {
	color: #0032A2;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}

/* base id setting
-------------------------------------------------------------------------------------*/
#header_wrapper:before,
#content_wrapper:before,
#footer_wrapper:before,
#header:before,
#footer:before,
#topicpath:before,
#header_wrapper:after,
#content_wrapper:after,
#footer_wrapper:after,
#header:after,
#footer:after,
#topicpath:after
 {
	content: "";
	display: table;
}

#header_wrapper:after,
#content_wrapper:after,
#footer_wrapper:after,
#header:after,
#footer:after,
#topicpath:after
 {
	clear: both;
}

#header_wrapper,
#content_wrapper,
#footer_wrapper,
#header,
#footer,
#topicpath
 {
	zoom: 1;
}

header,
#content_wrapper,
#footer_wrapper {
	width: 100%;
}

@media only screen and (max-width: 1200px){

	header > p,
	#content_wrapper,
	#footer {
		width: 98%;
	}

}

header > p,
#content_wrapper,
#main_images,
#footer {
	margin: 0 auto;
	text-align: left;
	min-width: 340px;
}



/*width setting
---------------------------------------------------------------*/
header > p,
#content_wrapper,
#main_images,
#footer {
	max-width: 1200px;
}

#main_column {
	width: 100%;
}

#side_column {
	width: 0%;
}