@charset "utf-8";
/*

Theme Name: super sonic for PC
Theme URI: http://www.the-triad.jp
Description: カスタマイズ目的のブランクテーマです
Author: @nihimoto

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


[ 当テンプレについて ]

このテンプレートはカスタマイズのコピー元として
使用されることを前提としたテンプレートです。
そのため可能な限り不要なファイルやタグを排除するように作成されています。



備考）

- 各ファイルの冒頭にそのファイルの役割や備考など記載していますので参考にしてください

- 複数デバイスの連携を想定しているので下記の設定ファイルを読み込んでいます
  theme/functions-common.php
  * 単一のデバイスでのみの実装の場合には読み込みは不要です

- 当テンプレは下記の機能に対応しています
  - ウィジェット
  - カスタムメニュー

- 当テンプレは下記の機能には対応していません
  - メインイメージ
  - ギャラリー


- ウィジェット／カスタムメニューの設定はテンプレ間の共通設定ファイルの
  wp-content/themes/functions-common.php
  で行うことを推奨します。
  （ただし１デバイスのみ対応の場合は除く）

*/

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

    base settings

*/

body {
	margin:0;
	padding:0;
	font-family:"MS P ゴシック", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:center;
	line-height:1.8em;
	overflow-y:scroll;
	text-align:center;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:12px;
}

ul, ol, dl, p, img, form, dt, dd {
	margin:0;
	padding:0;
	border:0;
}

li {
	list-style-type:none;
}

input, textarea {
	font-size:12px;
	line-height: 1.6em;
}

img {
	border-width: 0;
	vertical-align: bottom;
}

a {
	color:#000000;
	text-decoration:none;
}
a:hover {
	color:#0096cd;
	text-decoration:underline;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
	font-weight:normal;
}


.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}
*html .clearfix {display:inline-block;}


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

    basic layout

*/

#wrapper {
	margin:0 auto;
	padding: 0;
	text-align:left;
	width:680px;
	position:relative;
}

#header {
	margin:1px 0 15px 0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

#site-title a {
	width:268px;
	height:80px;
	padding:2px 0 0 0;
	display:list-item;
	list-style-image:url('img/logo.gif');
	list-style-position:inside;
	letter-spacing:-1000em;
	font-size:0px;
}

.headerlayout p {
	display:none;
}

#globalmenu {
	display:none;
}


#footer {
	font-size:10px;
	padding:5px 0;
	margin:20px 0 0 0;
	border-top:1px solid #000;
	background:url('img/bg_footer.gif') repeat-x 0 0;
	font-family:'Oswald', sans-serif;
	font-size:8px;
}

#footer address {
	padding:0 0 0 10px;
	font-style:normal;
}

#footer ul {
	display:none;
}



#sidebar {
	display:none;
}





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

     compnay + contact settings

*/


.contact {
	padding:0;
}


.companydetail {
	width:680px;
	margin:5px 0 0 0;
	border-collapse:collapse;
	border-left:1px solid #f0f5f6;
	border-top:1px solid #f0f5f6;
}
.companydetail th {
	width:100px;
	padding:3px 0 3px 50px;
	font-weight:normal;
	text-align:left;
	background-color:#f0f5f6;
	border-right:1px solid #f0f5f6;
	border-bottom:1px solid #f0f5f6;
}
.companydetail td {
	padding:3px 0 3px 20px;
	border-right:1px solid #f0f5f6;
	border-bottom:1px solid #f0f5f6;
}


.contact p {
	margin:20px 0 0 0;
}




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

     page title settings

*/
.page-title {
	padding:15px 0 0 0;
	margin:0 0 20px 0;
	font-family:'Oswald', sans-serif;
	font-size:18px;
	border-top:3px solid #000;
	border-bottom:1px solid #000;
	line-height:1em;
}

.page-title span {
	padding:0 0 0 15px;
	font-size:12px;
	line-height:1em;
}

/*

end

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

/* creator list design */
#contents .creator_dtl_list {
	margin:0;
	padding:0;
}

#contents .creator_dtl_list li {
	list-style:none;
	background-color:#f7f7f7;
	margin:0 0 10px 0;
	padding:15px 0 5px 15px;
}

#contents .creator_dtl_list li ul {
	margin:10px 0 0 0;
	padding:0;
}

#contents .creator_dtl_list li ul:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}
*html #contents .creator_dtl_list li ul {display:inline-block;}

#contents .creator_dtl_list li ul li {
	float:left;
	width:215px;
	margin:0 10px 10px 0;
	padding:0;
}

#contents .creator_dtl_list li ul li a {
	display:block;
	background-color:#fff;
	text-align:center;
	padding:25px 15px;
	font-family:'Oswald', sans-serif;
	border:1px solid #ccc;
}

#contents .creator_dtl_list li ul li a:hover {
	background-color:#aaa;
	text-decoration:none;
	color:#FFF;
}



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

    profile page layout

*/

.prof {
	margin:0 0 50px 0;
	border-left:3px solid #333;
}

.prof dt {
	width:90px;
	padding:0 0 0 10px;
	font-size:10px;
	float:left;
}

.prof dd {
	margin:0 0 0 90px;
	padding:0 0 0 10px;
	border-left:1px solid #333;
	font-size:8px;
}


.profwbox {
	width:150px;
	padding:0 15px 0 0;
	float:left;
}

.profwbox dt {
	padding:0 0 0 10px;
	margin:0 0 10px 0;
	border-left:3px solid #333;
	font-size:10px;
}

.profwbox dd {
	padding:0 0 0 10px;
	border-left:1px solid #333;
	font-size:8px;
	line-height:1.8em;
}