/* 全般設定 */
* {padding:0; margin:0;}

body {color:#000000; background:#ffffff; font-size:12px; line-height: 130%; text-align:center;}

table {width:100%;}
table td {vertical-align:top; font-family: Verdana, Arial, Helvetica;}
th {background:#83e62c; color:#ffffff; padding:4px; vertical-align:middle;}
th a {color:#ffffff;}

/* 全般的なリンクの設定 */
a {color:#6a2c29; text-decoration:none; }
a:hover {color:#fd7e17; text-decoration:underline; position:relative; top:1px; left:1px;}


/* 一般タグの設定 */
h1,h2,h3,h4,h5,b,i,u,form {margin:0.5em 0;}

p {
	margin: 1em 0;
	line-height: 1.6em;
}


/* リスト表示の設定 */
ul {margin:0px; padding:2px; list-style:decimal outside; text-align:left;}
li {margin-left:15px; list-style:square outside; color:#9f9c6c;}

input.formButton {}

#container {width:780px;  margin:0 auto; text-align:left;}

/* ヘッダーブロックの定義 */
#headerlogo {padding:8px 0px 6px; text-align:center;}
#headerbanner {text-align:right; vertical-align:bottom; padding:10px 10px 0px;}
.headeraddress {padding:2px; font-size:120%; color:#474747;}

#headerbarL {padding:5px; color:#ffffff;}
#headerbarR {padding-right:9px; text-align:right; vertical-align:middle; color:#ffffff;}
#headerbarR a{color:#b3b885;}
#headerbarR a:hover{color:#efc385;}


/* 左ブロックの定義 */
#leftcolumn {width:170px; border-right:1px solid #cccccc;}
/*左ブロックタイトルの定義*/
#leftcolumn .blockTitle {padding:3px 5px; background:#dddddd; color:#639ace; font-weight:bold;}
/*左ブロックコンテンツの定義*/
#leftcolumn .blockContent {padding:5px;}

/* メインメニューの定義 */
#mainmenu a { display:block; border-left:solid #818840 1px; margin:0px;  
             color:#000000; text-decoration:underline;}
#mainmenu a:hover {border-left:solid #efb83e 1px; color:#efb83e; text-decoration:none;}
#mainmenu a.menuTop {padding:7px 0px 7px 11px; }
#mainmenu a.menuMain {padding:7px 0px 7px 11px; }
#mainmenu a.menuSub {padding:4px 0px 4px 17px; color:#4c3300; text-decoration:none;}
#mainmenu a.menuSub:hover {color:#efb83e; text-decoration:underline;}

/* ユーザメニューの定義 */
#usermenu a {background:#e6e6e6; display:block; margin:0px; padding:4px; border-right:1px solid #666666; border-bottom:1px solid #666666; border-left:1px solid silver;}
#usermenu a:hover {background:#ffffff;}
#usermenu a.menuTop {border-top:1px solid silver;}
#usermenu a.highlight {background:#ffcccc;}


/* 中央ブロックの定義 */
#centercolumn {border-top:solid #FCD34C 2px; padding:5px 3px;}

/* 中央-中央ブロックの定義 */
#centerCcolumn {background:#ffffff; padding:7px;}
#centerCcolumn .blockTitle {background:url(centertitle_back.gif) repeat-y; padding:5px; 
                            border-top:solid #b3b885 1px;
                            color:#654000; font-weight:bold; font-size:120%;}
#centerCcolumn .blockContent {padding:7px; margin-bottom:5px; border-bottom:solid #f6f6f6 1px;}

/* 中央-左ブロックの定義 */
#centerLcolumn {width:50%; padding:7px; }
#centerLcolumn .blockTitle {padding:3px 7px; color:#330000; font-weight:bold;
                            border-bottom:solid #330000 1px; border-left:solid #330000 16px;}
#centerLcolumn .blockContent {padding:13px 7px 17px;  margin-bottom:20px; border-bottom:solid #330000 1px;}

/* 中央-右ブロックの定義 */
#centerRcolumn {width:50%; padding:7px;}
#centerRcolumn .blockTitle {padding:3px 7px; color:#330000; font-weight:bold;
                            border-bottom:solid #330000 1px; border-left:solid #330000 16px;}
#centerRcolumn .blockContent {padding:7px; margin-bottom:20px;}

/* メインコンテンツの定義 */
#content {text-align:left; padding:8px 0;}

/* 右ブロックの定義 */
#rightcolumn {width:190px; background:#FCD34C; border-top:solid #FCD34C 2px; padding-top:10px;}
#rightcolumn .blockTitle {padding:3px 3px 3px 20px; margin-top:5px; 
                          font-size:120%; font-weight:bold; color:#330000;}
#rightcolumn .blockContent {padding:7px 3px 5px 17px; margin-bottom:10px;}

/* フッタブロックの定義 */
#footeraddressL {padding:8px 0px; line-height:140%; text-align:right; 
                 font-size:130%; font-weight:bold;}
#footeraddressC {padding:8px 0px; line-height:140%; text-align:center; 
                 font-size:120%;}
#footeraddressR {padding:8px 0px; line-height:140%; font-size:120%;}
#footerinfo {padding:2px; border-top:solid #b3b885 1px; text-align:center; vertical-align:middle; 
             color:#330000;}
#footerinfo a{color:#333333;}
#footerinfo a:hover{color:#efc385;}
#footerbar {background:#330000; text-align:center; border-top:solid #b3b885 1px; 
            font-family:arial; font-size:11px; color:#ffffff; padding:5px 0px 2px;}
#footerbar a {color:#b3b885;}

#to-sp {padding:5px;}
#login {padding:5px; text-align:right;}

/* フォーラムなどの外枠 */
.outer {border:1px solid silver;}
/* フォーラムなどの投稿情報欄 */
.head {background:#ffe855; padding:5px; font-weight:bold;}

/* フォーラムなどの交互に色が変わる部分 */
.even {background:#ff8a29; padding:5px;}
.odd {background:#ffffff; padding:5px;}
tr.even td {background:#ff8a29; padding:5px;}
tr.odd td {background:#ffffff; padding:5px;}

/* フォーラムなどのフッター */
.foot {background:#c2cdd6; padding:5px; font-weight:bold;}


/* 最新ニュースのタイトルバー */
.itemHead {padding:3px; border-bottom:solid #330000 1px; border-left:solid #330000 16px;}
/* 最新ニュースの投稿情報欄 */
.itemInfo {padding:3px 30px; margin:2px 1px; background:#FCD34C;}
/* 最新ニュースのタイトルの設定 */
.itemTitle a {font-size:110%; font-weight:bold; font-variant:small-caps; }
/* 最新ニュースの投稿者 */
.itemPoster {font-size:90%;}
/* 最新ニュースの投稿日 */
.itemPostDate {font-size:90%;}
/* 最新ニュースのステータス */
.itemStats {font-size:90%;}
/* 最新ニュースのコンテンツ部分 */
.itemBody {}
.itemText {margin-top:5px; margin-bottom:5px; line-height:150%;}
/* 最新ニュースの1文字目 */
.itemText:first-letter {}
/* 最新ニュースのフッター */
.itemFoot {text-align:right; padding:3px; margin:2px 1px; background:#FCD34C;}
.itemAdminLink {font-size:90%;}
.itemPermaLink {font-size:90%;}

/* システムメッセージ */
div.errorMsg {background:#ffcccc; text-align:center; border-top:1px solid #ddddff; border-left:1px solid #ddddff; border-right:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; font-weight:bold; padding:10px;}
div.confirmMsg {background:#ddffdf; color:#136c99; text-align:center; border-top:1px solid #ddddff; border-left:1px solid #ddddff; border-right:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; font-weight:bold; padding:10px;}
div.resultMsg {background:#cccccc; color:#333333; text-align:center; border-top:1px solid silver; border-left:1px solid silver; font-weight:bold; border-right:1px solid #666666; border-bottom:1px solid #666666; padding:10px;}

/* Xoopsコードを記述する部分 */
div.xoopsCode {background:#ffffff; border:1px inset #000080; padding:0px 6px 6px 6px;}

/* 引用部分の定義 */
div.xoopsQuote {background:#ffffff; border:1px inset #000080; padding:0px 6px 6px 6px;}

.comTitle {font-weight:bold; margin-bottom:2px;}
.comText {padding:2px;}
.comUserStat {font-size:10px; color:#2f5376; font-weight:bold; border:1px solid silver; background:#ffffff; margin:2px; padding:2px;}
.comUserStatCaption {font-weight:normal;}
.comUserStatus {margin-left:2px; margin-top:10px; color:#2f5376; font-weight:bold; font-size:10px;}
.comUserRank {margin:2px;}
.comUserRankText {font-size:10px; font-weight:bold;}
.comUserRankImg {border:0px;}
.comUserName {}
.comUserImg {margin:2px;}
.comDate {font-weight:normal; font-style:italic; font-size:smaller;}
.comDateCaption {font-weight:bold; font-style:normal;}



img.photo {float:right; margin-bottom:10px; margin-left:10px;}
img.photo2 {float:left; margin-bottom:10px; margin-right:10px;}


/* 回り込み解除 */
.clear-l {clear: left;}



/* カスタムブロック */
.instagram img {
    width: 30px;
    height: auto;
    margin-right: 10px;
    vertical-align: middle;
}



.customT {padding:19px 12px 10px 8px; }

.myalbumtitle {background:#330000; padding:1px; text-align:center; vertical-align:middle;
               color:#ffffff; font-size:120%;}

.xoopsfaq {background:#ffff98; padding:5px;}


/* pico　共通　パンくず */
div.pico_breadcrumbs{
	font-size				:95%;
	padding				:0 0 3px;
	border-bottom			:1px #aaa solid;}
.pico_body{
	margin				:0 -2px;
	padding				:15px 8px;}
div.bottom_of_content_body { clear: right; }
table.pico_pagenavigation { border-top: 1px #aaa solid; margin-top: 20px;}



/* インフォメーションズ */
.informationtable {width:94%;}
.informationtitleL {font-size:140%; font-weight:bold; color:#330000;
                          padding:5px; border-bottom:dotted #330000 2px;}
.informationtitleR {color:#b3b885; padding:5px; 
                           vertical-align:bottom; text-align:right; 
                           border-bottom:dotted #330000 2px;}
.informationback {padding:20px; line-height:1.4em;}
h1.informationsubtitle {background:#330000; padding:5px; clear:right; color:#ffffff; font-size:1.4em;}
h2.informationsubtitle2 {padding:5px; color:#ff5e00; font-size:1.3em;}
.informationstrong {color:#ff8a29; font-size:1.2em; font-weight:bold;}

/* 　吉備国際大学・順正短期大学の学生さんへ */
.student_back {border:solid #ffe300 1px;  padding:30px;}
.student_title {font-size:28px; font-weight:bold; padding:1px; margin-bottom:7px; border-bottom:dotted #330000 2px;}
.student_subtitle {padding:3px; margin-bottom:7px; background:#330000 ; color:#ffffff; font-size:120%;}
.student-campaign {
	line-height:1.4em; color:#2c65b8; font-size:1.4em; font-weight:bold;
}
.student_komiyama01, .student_komiyama02 {text-align: right; line-height: 1.6em;}
.student_komiyama01 {margin-top: 20px; font-weight: bold;}
.student_komiyama01 span {font-size: 1.3em;}
ul.sutudent-list {font-weight: bold;}
ul.sutudent-list li {list-style: disc; color: #2e2e2e;}



/* お客様愛車ギャラリー　最近の画像(画像付)ブロック */
.top-myalbum img {
	width: 120px;
	height: auto;
}

/* お客様愛車ギャラリー　一覧ページ */
.myalbum_index .photo {
	clear: left;
	float: left;
}
.myalbum_index .photo img {
    width: 120px;
    height: auto;
}

/* お客様愛車ギャラリー　詳細ページ */
.myalbum_photo {
	clear:left;
	float:left;
}
.myalbum_photo img {
	max-width: 100%;
	height: auto;
}



/* 在庫車　共通 */
ul.myalbum_categories li {
	float:left;
	list-style:none;
}

.myalbum_information {
	margin-bottom: 20px;
	margin-left: 170px;
}



/* 在庫車 */
h1.myalbum1title1 {background:#330000; margin:0; padding:4px; border:solid #ffffff 1px; 
                   color:#ffffff; font-size:1.2em;}
.myalbum1header-desc {background:#ffffff; padding:4px; text-align:right;}



/* 新車・中古車販売・買取 */
h1.car3title1 {background:#330000; margin:0; padding:4px; border:solid #ffffff 1px; 
                   color:#ffffff; font-size:1.2em;}

ul.car3-categories {
}
ul.car3-categories li {
	width: 33%;
	background: url(/images/square.gif) no-repeat left;
	float: left;
	list-style: none;
	text-indent: 16px;
	color: #000000;
}



/* 車検・整備 */
h1.check4title1 {background:#330000; margin:0; padding:4px; border:solid #ffffff 1px; 
                   color:#ffffff; font-size:1.2em;}
ul.check4-categories li {
	width: 33%;
	background: url(/images/square.gif) no-repeat left;
	float: left;
	list-style: none;
	text-indent: 16px;
	color: #000000;
}



/* お問合せ */
#inquiry {
	padding-right: 20px;
	padding-left: 20px;
}
#inquiry .h1_wrapper {
	padding: 5px;
	display: -webkit-flex;
	display: flex;
	border-bottom: dotted #330000 2px;
}
#inquiry .h1_wrapper h1 {
	margin: 0;
	color: #330000;
	font-size: 140%;
}
#inquiry input[type="text"] {
	width: 100%;
}
#inquiry textarea {
	width: 100%;
	height: 120px;
}



/* ブログ */
#d3blogCommonNavi { border-bottom:2px solid #eee; }
.d3blogEntryTitle {
    font-size:1.4em;
}
.d3blogEntryCreated {font-size:2.3em;}
.d3blogContents {
    margin-left: 20px;
    padding: 5px;
    line-height: 1.5;
}
#d3blogTrackback {
    font-size:1.2em;
}
#d3blogShowTrackbackURL { font-size:1.1em; }



/* コメント */
h2.commenthead {background:#ffe855; padding:5px; font-size:1.1em; font-weight:bold;}
